@charset "UTF-8";



body {	
	max-width: 		50em;
	overflow:		visible;
	margin: 		auto;
	padding: 		5px;
	font-family: 	Arial, "Arial Black", Helvetica, Geneva, sans-serif;
	font-size: 		75%; 
	
}

img	{
	max-width:		100%;
	height:			auto;
	padding-right:	1px;

}

a:link {
	color: 				gray; 
	text-decoration: 	none; 
}

#stellen a:link {
					color: 				green; 
					text-decoration: 	none; 
}


a:visited {
			color:				gray; 
			text-decoration: 	none; 
}

#stellen a:visited {
	color:		gray; 
	text-decoration: 	none; 
}

a:focus {
	color: 		black; 
	text-decoration: 	none; 
}

#stellen a:focus {
	color: 		black; 
	text-decoration: 	none; 
}

a:hover {
	color: 		black; 
	text-decoration: 	none; 
}

#stellen a:hover {
	color: 		black; 
	text-decoration: 	none; 
}

a:active {
	color: 		silver; 
	text-decoration: 	none; 
}

#stellen a:active {
	color: 		silver; 
	text-decoration: 	none; 
}


#header {
	font-size: 		150%; 
	padding-top:	0em;
	padding-bottom:	0.5em;
	margin-left:	0em; 
	height:			1.5em;	
	
}

      input.hackbox {
						display: none; 
}

    
      span.volltext {
						display: none;
}

#menue_anzeige	{margin-bottom:	3.5em;}


@media screen and (min-width: 26em) {
	  span.volltext	{
						display: inline;
	}
		.navicon	{
						display: none;
	}
}

label.mehr_lesen {
        color:#0091D2;
      
      	 display: inline-block;
    
	margin-top: 2.3em;
	margin-left: 25em;
	cursor: pointer;
}

label.mehr_lesen::before {
        content:"";
        color:#0091D2;
}

     
input.mehr_lesen:checked ~ span.volltext {
        display: inline;
} 

input.mehr_lesen:checked ~ label.mehr_lesen::before {
        content:"";
        color:#0091D2;
}

    
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }



.navicon {
		display: 		block;
  		position: 		relative;
		padding-top: 	0em;
		padding-bottom:	0.2em;
  		padding-left: 	0em;
}

.navicon::before {
  		content: 		"";
  		position: 		absolute;
 		width: 			1.25em;
  		height: 		0.25em;
		line-height:	0;
  		border-top: 	0.75em double silver;
 		border-bottom: 	0.25em solid silver;
}



#navigation ul	{
	
	list-style-type: 	none; 
	font-size: 			100%; 
	margin:				2em 0em 1em 0em; 
	padding-left:		0em;
	padding-bottom:		0em;
}

#navigation ul li	{	
		padding:	0.5em 3em 0.5em 0em;
		
}


@media screen and (min-width: 26em) {
	#navigation ul li	{
	display: inline;
}
		.navicon	{
	 display: none;
	}
}


#footer	{
		margin-top:	2em;

}

#footer ul	{
	display:		inline;
	list-style-type: 	none; 
	font-size: 		100%; 
	padding:	0em;
	margin:	2em 0em 0em 0em;
}

#footer ul li{	
		padding:	0.5em 3em 0.5em 0em;

}


#stellen	{
	font-size: 		110%; 
	font-weight:	bold;
	
}


@media screen and (min-width: 26em) {
	#footer ul li	{
	display: inline;
	}
}

#start_fotos figure	{
		padding:	0px 0px 0px 2px ; 
		padding:	0 0 0 0.2em ; 
		margin:		0; 
}

#start_fotos	{
	

	display:		flex;
	
	padding-top:	3em;
	padding-top:	0;
	padding-bottom:	4em;
	
}	

#start_fotos img	{
			width: 100%;
			height: auto;
		
}	

@media screen and (max-width: 20em) {
	#start_fotos	{
						padding-top:	2em;
						padding-bottom:	3em;
	}
}


#content_1,
#content_2 {
	padding:	0px; 
	margin:		0px; 
}

#content_1 ul {
	list-style-type: 	none; 
	padding-left:	0px; 
	padding-bottom:	1em;
}

#content_2 ul {
	list-style-type: 	none; 
	padding-left:	0px; 
	padding-bottom:	4em;
}



#content {
	padding:	0px; 
	margin:	0px; 
	padding-top:	2.5em;
	padding-top:	.5em;
	padding-top:	0;
}

#content ul {
	list-style-type: 	none; 
	padding-left:	0px; 
	padding-bottom:	1em;
	line-height:	1.5em;
}

#stellen_liste ul {
	
	padding-left:	2.0em; 
	padding-bottom:	0em;
	line-height:	1.5em;
	
}

table	{	
		margin-top:	1em;
}

td	{
		vertical-align:	top;
		padding:		5px 10px 5px 0px;	
}


#projekt_content	{
	padding-top:	0.2em;

}	

#projekt_content ul	{
	list-style-type: 	none; 
	padding:	0em;
}

/*#projekt_content  ul li a	{
		color: 		black; 
}
*/


#projekt_content  ul li 	{
								color: 			black; 
								font-weight:	bold;
}

#fotos	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos img	{
	height:	12.5em;
	width: 	auto;
	
}






@media screen and (min-width: 20em) {
	#fotos {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos {	
   		height:	25em;
    		width: 	auto;
		
	}

	#fotos img	{
		height:	25em;
    		width: 	auto;
	}	
}



@media all and (min-width: 37.5em) {
	#fotos {	
   		height:	32em;
    		width: 	auto;
	
	}

	#fotos img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos img	{
		height:	49em;
    		width: 	auto;
	}
}



@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos {	
   		height:	80em;
    		width: 	auto;
	
	}	

	#fotos img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	/*height:	65em;*/ /*achtung, wieder aktivieren*/
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}




label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label:nth-of-type(6)::before {
z-index: 15;
}

label:nth-of-type(7)::before {
z-index: 16;
}

label:nth-of-type(8)::before {
z-index: 17;
}

label:nth-of-type(9)::before {
z-index: 18;
}


label::before	{
    
		
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 12.5em;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}


label:hover::before {
	opacity: 0;

}


label::after {
    	
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box5:checked ~ .holder label:not(:nth-of-type(4))::before,

#box6:checked ~ .holder label:not(:nth-of-type(5))::before,

#box7:checked ~ .holder label:not(:nth-of-type(6))::before,

#box8:checked ~ .holder label:not(:nth-of-type(7))::before,

#box1:checked ~ .holder label:not(:nth-of-type(8))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(5)::after,

#box5:checked ~ .holder label:nth-of-type(6)::after,

#box6:checked ~ .holder label:nth-of-type(7)::after,

#box7:checked ~ .holder label:nth-of-type(8)::after,

#box8:checked ~ .holder label:nth-of-type(1)::after
	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure,

#box5:checked ~ .holder label:nth-of-type(5) figure,

#box6:checked ~ .holder label:nth-of-type(6) figure,

#box7:checked ~ .holder label:nth-of-type(7) figure,

#box8:checked ~ .holder label:nth-of-type(8) figure
 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}


#fotos_15	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos_15 img	{
	height:	12.5em;
	width: 	auto;
	
}



@media screen and (min-width: 20em) {
	#fotos_15 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_15 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_15 {	
   		height:	25em;
    		width: 	auto;
		
	}

	#fotos_15 img	{
		height:	25em;
    		width: 	auto;
	}	
}



@media all and (min-width: 37.5em) {
	#fotos_15 {	
   		height:	32em;
    		width: 	auto;
	
	}

	#fotos_15 img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_15 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_15 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_15 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_15 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_15 {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos_15 img	{
		height:	49em;
    		width: 	auto;
	}
}



@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_15 {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos_15 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_15 {	
   		height:	80em;
    		width: 	auto;
	
	}	

	#fotos_15 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	/*height:	65em;*/ /*achtung, wieder aktivieren*/
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label:nth-of-type(6)::before {
z-index: 15;
}

label:nth-of-type(7)::before {
z-index: 16;
}

label:nth-of-type(8)::before {
z-index: 17;
}

label:nth-of-type(9)::before {
z-index: 18;
}

label:nth-of-type(10)::before {
z-index: 19;
}

label:nth-of-type(11)::before {
z-index: 20;
}

label:nth-of-type(12)::before {
z-index: 21;
}

label:nth-of-type(13)::before {
z-index: 22;
}

label:nth-of-type(14)::before {
z-index: 23;
}

label:nth-of-type(15)::before {
z-index: 24;
}

label:nth-of-type(16)::before {
z-index: 25;
}


label::before	{
    
		
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 12.5em;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}


label:hover::before {
	opacity: 0;

}


label::after {
    	
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box5:checked ~ .holder label:not(:nth-of-type(4))::before,

#box6:checked ~ .holder label:not(:nth-of-type(5))::before,

#box7:checked ~ .holder label:not(:nth-of-type(6))::before,

#box8:checked ~ .holder label:not(:nth-of-type(7))::before,

#box9:checked ~ .holder label:not(:nth-of-type(8))::before,

#box10:checked ~ .holder label:not(:nth-of-type(9))::before,

#box11:checked ~ .holder label:not(:nth-of-type(10))::before,

#box12:checked ~ .holder label:not(:nth-of-type(11))::before,

#box13:checked ~ .holder label:not(:nth-of-type(12))::before,

#box14:checked ~ .holder label:not(:nth-of-type(13))::before,

#box15:checked ~ .holder label:not(:nth-of-type(14))::before,

#box1:checked ~ .holder label:not(:nth-of-type(15))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(5)::after,

#box5:checked ~ .holder label:nth-of-type(6)::after,

#box6:checked ~ .holder label:nth-of-type(7)::after,

#box7:checked ~ .holder label:nth-of-type(8)::after,

#box8:checked ~ .holder label:nth-of-type(9)::after,

#box9:checked ~ .holder label:nth-of-type(10)::after,

#box10:checked ~ .holder label:nth-of-type(11)::after,

#box11:checked ~ .holder label:nth-of-type(12)::after,

#box12:checked ~ .holder label:nth-of-type(13)::after,

#box13:checked ~ .holder label:nth-of-type(14)::after,

#box14:checked ~ .holder label:nth-of-type(15)::after,

#box15:checked ~ .holder label:nth-of-type(1)::after
	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure,

#box5:checked ~ .holder label:nth-of-type(5) figure,

#box6:checked ~ .holder label:nth-of-type(6) figure,

#box7:checked ~ .holder label:nth-of-type(7) figure,

#box8:checked ~ .holder label:nth-of-type(8) figure,

#box9:checked ~ .holder label:nth-of-type(9) figure,

#box10:checked ~ .holder label:nth-of-type(10) figure,

#box11:checked ~ .holder label:nth-of-type(11) figure,

#box12:checked ~ .holder label:nth-of-type(12) figure,

#box13:checked ~ .holder label:nth-of-type(13) figure,

#box14:checked ~ .holder label:nth-of-type(14) figure,

#box15:checked ~ .holder label:nth-of-type(15) figure
 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}





#fotos_11	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos_11 img	{
	height:	12.5em;
	width: 	auto;
	
}



@media screen and (min-width: 20em) {
	#fotos_11 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_11 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_11 {	
   		height:	25em;
    		width: 	auto;
		
	}

	#fotos_11 img	{
		height:	25em;
    		width: 	auto;
	}	
}



@media all and (min-width: 37.5em) {
	#fotos_11 {	
   		height:	32em;
    		width: 	auto;
	
	}

	#fotos_11 img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_11 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_11 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_11 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_11 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_11 {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos_11 img	{
		height:	49em;
    		width: 	auto;
	}
}



@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_11 {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos_11 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_11 {	
   		height:	80em;
    		width: 	auto;
	
	}	

	#fotos_11 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	/*height:	65em;*/ /*achtung, wieder aktivieren*/
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label:nth-of-type(6)::before {
z-index: 15;
}

label:nth-of-type(7)::before {
z-index: 16;
}

label:nth-of-type(8)::before {
z-index: 17;
}

label:nth-of-type(9)::before {
z-index: 18;
}

label:nth-of-type(10)::before {
z-index: 19;
}

label:nth-of-type(11)::before {
z-index: 20;
}

label:nth-of-type(12)::before {
z-index: 21;
}



label::before	{
    
		
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 12.5em;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}


label:hover::before {
	opacity: 0;

}


label::after {
    	
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box5:checked ~ .holder label:not(:nth-of-type(4))::before,

#box6:checked ~ .holder label:not(:nth-of-type(5))::before,

#box7:checked ~ .holder label:not(:nth-of-type(6))::before,

#box8:checked ~ .holder label:not(:nth-of-type(7))::before,

#box9:checked ~ .holder label:not(:nth-of-type(8))::before,

#box10:checked ~ .holder label:not(:nth-of-type(9))::before,

#box11:checked ~ .holder label:not(:nth-of-type(10))::before,

#box1:checked ~ .holder label:not(:nth-of-type(11))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(5)::after,

#box5:checked ~ .holder label:nth-of-type(6)::after,

#box6:checked ~ .holder label:nth-of-type(7)::after,

#box7:checked ~ .holder label:nth-of-type(8)::after,

#box8:checked ~ .holder label:nth-of-type(9)::after,

#box9:checked ~ .holder label:nth-of-type(10)::after,

#box10:checked ~ .holder label:nth-of-type(11)::after,

#box11:checked ~ .holder label:nth-of-type(1)::after
	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure,

#box5:checked ~ .holder label:nth-of-type(5) figure,

#box6:checked ~ .holder label:nth-of-type(6) figure,

#box7:checked ~ .holder label:nth-of-type(7) figure,

#box8:checked ~ .holder label:nth-of-type(8) figure,

#box9:checked ~ .holder label:nth-of-type(9) figure,

#box10:checked ~ .holder label:nth-of-type(10) figure,

#box11:checked ~ .holder label:nth-of-type(11) figure
 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}


#fotos_10	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos_10 img	{
	height:	12.5em;
	width: 	auto;
	
}



@media screen and (min-width: 20em) {
	#fotos_10 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_10 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_10 {	
   		height:	25em;
    		width: 	auto;
		
	}

	#fotos_10 img	{
		height:	25em;
    		width: 	auto;
	}	
}



@media all and (min-width: 37.5em) {
	#fotos_10 {	
   		height:	32em;
    		width: 	auto;
	
	}

	#fotos_10 img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_10 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_10 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_10 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_10 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_10 {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos_10 img	{
		height:	49em;
    		width: 	auto;
	}
}



@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_10 {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos_10 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_10 {	
   		height:	80em;
    		width: 	auto;
	
	}	

	#fotos_10 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	height:	65em;
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label:nth-of-type(6)::before {
z-index: 15;
}

label:nth-of-type(7)::before {
z-index: 16;
}

label:nth-of-type(8)::before {
z-index: 17;
}

label:nth-of-type(9)::before {
z-index: 18;
}

label:nth-of-type(10)::before {
z-index: 19;
}

label:nth-of-type(11)::before {
z-index: 20;
}


label::before	{
    
		
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 12.5em;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}


label:hover::before {
	opacity: 0;

}


label::after {
    	
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box5:checked ~ .holder label:not(:nth-of-type(4))::before,

#box6:checked ~ .holder label:not(:nth-of-type(5))::before,

#box7:checked ~ .holder label:not(:nth-of-type(6))::before,

#box8:checked ~ .holder label:not(:nth-of-type(7))::before,

#box9:checked ~ .holder label:not(:nth-of-type(8))::before,

#box10:checked ~ .holder label:not(:nth-of-type(9))::before,

#box1:checked ~ .holder label:not(:nth-of-type(10))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(5)::after,

#box5:checked ~ .holder label:nth-of-type(6)::after,

#box6:checked ~ .holder label:nth-of-type(7)::after,

#box7:checked ~ .holder label:nth-of-type(8)::after,

#box8:checked ~ .holder label:nth-of-type(9)::after,

#box9:checked ~ .holder label:nth-of-type(10)::after,

#box10:checked ~ .holder label:nth-of-type(1)::after
	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure,

#box5:checked ~ .holder label:nth-of-type(5) figure,

#box6:checked ~ .holder label:nth-of-type(6) figure,

#box7:checked ~ .holder label:nth-of-type(7) figure,

#box8:checked ~ .holder label:nth-of-type(8) figure,

#box9:checked ~ .holder label:nth-of-type(9) figure,

#box10:checked ~ .holder label:nth-of-type(10) figure

 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}


#fotos_9	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos_9 img	{
	height:	12.5em;
	width: 	auto;
	
}



@media screen and (min-width: 20em) {
	#fotos_9 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_9 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_9 {	
   		height:	25em;
    		width: 	auto;
		
	}

	#fotos_9 img	{
		height:	25em;
    		width: 	auto;
	}	
}



@media all and (min-width: 37.5em) {
	#fotos_9 {	
   		height:	32em;
    		width: 	auto;
	
	}

	#fotos_9 img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_9 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_9 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_9 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_9 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_9 {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos_9 img	{
		height:	49em;
    		width: 	auto;
	}
}



@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_9 {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos_9 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_9 {	
   		height:	80em;
    		width: 	auto;
	
	}	

	#fotos_9 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	height:	65em;
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label:nth-of-type(6)::before {
z-index: 15;
}

label:nth-of-type(7)::before {
z-index: 16;
}

label:nth-of-type(8)::before {
z-index: 17;
}

label:nth-of-type(9)::before {
z-index: 18;
}

label:nth-of-type(10)::before {
z-index: 19;
}




label::before	{
    
		
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 12.5em;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}


label:hover::before {
	opacity: 0;

}


label::after {
    	
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box5:checked ~ .holder label:not(:nth-of-type(4))::before,

#box6:checked ~ .holder label:not(:nth-of-type(5))::before,

#box7:checked ~ .holder label:not(:nth-of-type(6))::before,

#box8:checked ~ .holder label:not(:nth-of-type(7))::before,

#box9:checked ~ .holder label:not(:nth-of-type(8))::before,

#box1:checked ~ .holder label:not(:nth-of-type(9))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(5)::after,

#box5:checked ~ .holder label:nth-of-type(6)::after,

#box6:checked ~ .holder label:nth-of-type(7)::after,

#box7:checked ~ .holder label:nth-of-type(8)::after,

#box8:checked ~ .holder label:nth-of-type(9)::after,

#box9:checked ~ .holder label:nth-of-type(1)::after
	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure,

#box5:checked ~ .holder label:nth-of-type(5) figure,

#box6:checked ~ .holder label:nth-of-type(6) figure,

#box7:checked ~ .holder label:nth-of-type(7) figure,

#box8:checked ~ .holder label:nth-of-type(8) figure,

#box9:checked ~ .holder label:nth-of-type(9) figure

 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}







#fotos_7	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos_7 img	{
	height:	12.5em;
	width: 	auto;
	
}


@media screen and (min-width: 20em) {
	#fotos_7 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_7 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_7 {	
   		height:	25em;
    		width: 	auto;
		
	}

	#fotos_7 img	{
		height:	25em;
    		width: 	auto;
	}	
}


@media all and (min-width: 37.5em) {
	#fotos_7 {	
   		height:	32em;
    		width: 	auto;
	
	}

	#fotos_7 img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_7 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_7 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_7 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_7 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_7 {	
   		height:	49em;
    		width: 	auto;
	
	}	

	#fotos_7 img	{
		height:	49em;
    		width: 	auto;
	}
}



@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_7 {	
   		height:	60em;
    		width: 	auto;
	
	}	

	#fotos_7 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_7 {	
   		height:	80em;
    		width: 	auto;
	}	

	#fotos_7 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	height:	65em;
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label:nth-of-type(6)::before {
z-index: 15;
}

label:nth-of-type(7)::before {
z-index: 16;
}

label:nth-of-type(8)::before {
z-index: 17;
}


label::before	{
    
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 100%;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}



label:hover::before {
	opacity: 0;
}


label::after {
    	
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box5:checked ~ .holder label:not(:nth-of-type(4))::before,

#box6:checked ~ .holder label:not(:nth-of-type(5))::before,

#box7:checked ~ .holder label:not(:nth-of-type(6))::before,

#box1:checked ~ .holder label:not(:nth-of-type(7))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(5)::after,

#box5:checked ~ .holder label:nth-of-type(6)::after,

#box6:checked ~ .holder label:nth-of-type(7)::after,

#box7:checked ~ .holder label:nth-of-type(1)::after

	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure,

#box5:checked ~ .holder label:nth-of-type(5) figure,

#box6:checked ~ .holder label:nth-of-type(6) figure,

#box7:checked ~ .holder label:nth-of-type(7) figure
 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}



#fotos_6	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;

}

#fotos_6 img	{
	height:	12.5em;
	width: 	auto;
	
}


@media screen and (min-width: 20em) {
	#fotos_6 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_6 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_6 {	
   		height:	25em;
    		width: 	auto;
		
	}

	#fotos_6 img	{
		height:	25em;
    		width: 	auto;
	}	
}



@media all and (min-width: 37.5em) {
	#fotos_6 {	
   		height:	32em;
    		width: 	auto;
	
	}

	#fotos_6 img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_6 {	
   		height:	34.5em;
    		width: 	auto;
	
	}

	#fotos_6 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}



@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_6 {	
   		height:	39em;
    		width: 	auto;
	
	}

	#fotos_6 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_6 {	
   		height:	49em;
    		width: 	auto;
	
	}	

	#fotos_6 img	{
		height:	49em;
    		width: 	auto;
	}
}



@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_6 {	
   		height:	60em;
    		width: 	auto;
	
	}	

	#fotos_6 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_6 {	
   		height:	80em;
    		width: 	auto;
	
	}	

	#fotos_6 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	height:	65em;
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label:nth-of-type(6)::before {
z-index: 15;
}

label:nth-of-type(7)::before {
z-index: 16;
}


label::before	{
    
		
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 100%;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}




label:hover::before {
	opacity: 0;

}


label::after {
    	
		
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box5:checked ~ .holder label:not(:nth-of-type(4))::before,

#box6:checked ~ .holder label:not(:nth-of-type(5))::before,

#box1:checked ~ .holder label:not(:nth-of-type(6))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(5)::after,

#box5:checked ~ .holder label:nth-of-type(6)::after,

#box6:checked ~ .holder label:nth-of-type(1)::after
	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure,

#box5:checked ~ .holder label:nth-of-type(5) figure,

#box6:checked ~ .holder label:nth-of-type(6) figure
 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}



#fotos_5	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
}

#fotos_5 img	{
	height:	12.5em;
	width: 	auto;
}


@media screen and (min-width: 20em) {
	#fotos_5 {	
   		height:	17em;
    		width: 	auto;
	}

	#fotos_5 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_5 {	
   		height:	25em;
    		width: 	auto;
		
	}

	#fotos_5 img	{
		height:	25em;
    		width: 	auto;
	}	
}


@media all and (min-width: 37.5em) {
	#fotos_5 {	
   		height:	32em;
    		width: 	auto;
	}

	#fotos_5 img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_5 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_5 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_5 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_5 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_5 {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos_5 img	{
		height:	49em;
    		width: 	auto;
	}
}

@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_5 {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos_5 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_5 {	
   		height:	80em;
    		width: 	auto;
	}	

	#fotos_5 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	height:	65em;
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label:nth-of-type(6)::before {
z-index: 15;
}

label::before	{
    
		
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 100%;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}



label:hover::before {
	opacity: 0;

}


label::after {
    	
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box5:checked ~ .holder label:not(:nth-of-type(4))::before,

#box1:checked ~ .holder label:not(:nth-of-type(5))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(5)::after,

#box5:checked ~ .holder label:nth-of-type(1)::after

	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure,

#box5:checked ~ .holder label:nth-of-type(5) figure


 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}



#fotos_4	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos_4 img	{
	height:	12.5em;
	width: 	auto;
	
}


@media screen and (min-width: 20em) {
	#fotos_4 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_4 img	{
		height:	17em;
    		width: 	auto;
	}	
}

@media screen and (min-width: 28em) {
	#fotos_4 {	
   		height:	25em;
    		width: 	auto;
	}

	#fotos_4 img	{
		height:	25em;
    		width: 	auto;
	}	
}


@media all and (min-width: 37.5em) {
	#fotos_4 {	
   		height:	32em;
    		width: 	auto;
	}

	#fotos_4 img	{
		height:	32em;
    		width: 	auto;
	}	
}


@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_4 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_4 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_4 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_4 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_4 {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos_4 img	{
		height:	49em;
    		width: 	auto;
	}
}

@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_4 {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos_4 img	{
		height:	60em;
    		width: 	auto;
	}
}

@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_4 {	
   		height:	80em;
    		width: 	auto;
	
	}	

	#fotos_4 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	height:	65em;
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label:nth-of-type(1)::before {
z-index: 10;
}

label:nth-of-type(2)::before {
z-index: 11;
}

label:nth-of-type(3)::before {
z-index: 12;
}

label:nth-of-type(4)::before {
z-index: 13;
}

label:nth-of-type(5)::before {
z-index: 14;
}

label::before	{
    
		background-color: white;
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 100%;
 
		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;

		pointer-events: visible; 


}


label:hover::before {
	opacity: 0;

}


label::after {
    	
		background-color: white;
		content:"";
    
		display: block;
    
		width: 85em; 
    
		height: 100%;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

}


label:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label:not(:nth-of-type(2))::before,

#box4:checked ~ .holder label:not(:nth-of-type(3))::before,

#box1:checked ~ .holder label:not(:nth-of-type(4))::before

	{
z-index: 1;
}


#box1:checked ~ .holder label:nth-of-type(2)::after,

#box2:checked ~ .holder label:nth-of-type(3)::after,

#box3:checked ~ .holder label:nth-of-type(4)::after,

#box4:checked ~ .holder label:nth-of-type(1)::after

	{
z-index: 10;
}


#box1:checked ~ .holder label:nth-of-type(1) figure,

#box2:checked ~ .holder label:nth-of-type(2) figure,

#box3:checked ~ .holder label:nth-of-type(3) figure,

#box4:checked ~ .holder label:nth-of-type(4) figure
 {

			opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}



#fotos_3	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos_3 img	{
	height:	12.5em;
	width: 	auto;
	
}

@media screen and (min-width: 20em) {
	#fotos_3 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_3 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_3 {	
   		height:	25em;
    		width: 	auto;
	}

	#fotos_3 img	{
		height:	25em;
    		width: 	auto;
	}	
}


@media all and (min-width: 37.5em) {
	#fotos_3 {	
   		height:	32em;
    		width: 	auto;
	}

	#fotos_3 img	{
		height:	32em;
    		width: 	auto;
	}	
}

@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_3 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_3 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_3 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_3 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_3 {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos_3 img	{
		height:	49em;
    		width: 	auto;
	}
}

@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_3 {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos_3 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_3 {	
   		height:	80em;
    		width: 	auto;
	}	

	#fotos_3 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label.projektbilder {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label.projektbilder figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	height:	65em;
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label.projektbilder:nth-of-type(1)::before {
z-index: 10;
}

label.projektbilder:nth-of-type(2)::before {
z-index: 11;
}

label.projektbilder:nth-of-type(3)::before {
z-index: 12;
}

label.projektbilder:nth-of-type(4)::before {
z-index: 13;
}

label.projektbilder::before	{
    
		background: none repeat scroll 0 0 #f0f0f0;
    
		background-color: white; 
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 12.5em;

		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;
	
		pointer-events: visible; 

		cursor: pointer;
}



@media screen and (min-width: 20em) {
	label.projektbilder::before	{
  
				height: 17em;
	}
}

@media screen and (min-width: 28em) {
	label.projektbilder::before {	
   		height:	25em;
	}
}


@media all and (min-width: 37.5em) {
	label.projektbilder::before {	
   		height:	32em;
	}
}


@media all and (min-width: 48em) {
	label.projektbilder::before {	
   		height:	34.5em;
	}
}


@media all and (min-width: 56em) {
	label.projektbilder::before {	
   		height:	39em;
	}
}


@media all and (min-width: 75em) {
	label.projektbilder::before {	
   		height:	49em;
	}
}


@media all and (min-width: 87.5em) {
	label.projektbilder::before {	
   		height:	60em;
	}
}


@media all and (min-width: 112.5em) {
	label.projektbilder::before {	
   		height:	80em;
	}
}


label.projektbilder:hover::before {
	opacity: 0;

}


label.projektbilder::after {
    	
		
		background-color: white;
		content:"";
    
		display: block;
    
		width: 20em; 
    
		height: 12.5em;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

		cursor: pointer;
}



@media screen and (min-width: 20em) {
	label.projektbilder::after	{
  
				height: 17em;
				width: 20em;
	}
}


@media screen and (min-width: 28em) {
	label.projektbilder::after {	
   		height:	25em;
		width: 28em;
	}
}


@media all and (min-width: 37.5em) {
	label.projektbilder::after {	
   		height:	32em;
		width: 33em;
	}
}


@media all and (min-width: 48em) {
	label.projektbilder::after {	
   		height:	34.5em;
		width: 38em;
	}
}


@media all and (min-width: 56em) {
	label.projektbilder::after {	
   		height:	39em;
		width: 48em;
	}
}


@media all and (min-width: 75em) {
	label.projektbilder::after {	
   		height:	49em;
		width: 62em;
	}
}


@media all and (min-width: 87.5em) {
	label.projektbilder::after {	
   		height:	60em;
		width: 80em;
	}
}


@media all and (min-width: 112.5em) {
	label.projektbilder::after {	
   		height:	80em;
		width: 105em;
	}
}


label.projektbilder:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label.projektbilder:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label.projektbilder:not(:nth-of-type(1))::before,

#box3:checked ~ .holder label.projektbilder:not(:nth-of-type(2))::before,

#box1:checked ~ .holder label.projektbilder:not(:nth-of-type(3))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label.projektbilder:nth-of-type(2)::after,

#box2:checked ~ .holder label.projektbilder:nth-of-type(3)::after,

#box3:checked ~ .holder label.projektbilder:nth-of-type(1)::after
	{
z-index: 10;
}


#box1:checked ~ .holder label.projektbilder:nth-of-type(1) figure,

#box2:checked ~ .holder label.projektbilder:nth-of-type(2) figure,

#box3:checked ~ .holder label.projektbilder:nth-of-type(3) figure
	{		opacity: 1;
			
-webkit-transition: .5s;
			
-moz-transition: .5s;
			
-ms-transition: .5s;

			-o-transition: .5s;

			transition: .5s; 

}


#fotos_2	{
	position: relative;
	margin:  10px 0px 10px 0px;
	padding:	0px;
	height: 12.5em;
	width: 	auto;
	
}

#fotos_2 img	{
	height:	12.5em;
	width: 	auto;
	
}

@media screen and (min-width: 20em) {
	#fotos_2 {	
   		height:	17em;
    		width: 	auto;
		
	}

	#fotos_2 img	{
		height:	17em;
    		width: 	auto;
	}	
}


@media screen and (min-width: 28em) {
	#fotos_2 {	
   		height:	25em;
    		width: 	auto;
	}

	#fotos_2 img	{
		height:	25em;
    		width: 	auto;
	}	
}


@media all and (min-width: 37.5em) {
	#fotos_2 {	
   		height:	32em;
    		width: 	auto;
	}

	#fotos_2 img	{
		height:	32em;
    		width: 	auto;
	}	
}

@media all and (min-width: 48em) {
	body	{
		max-width: 52em;
	}

	#fotos_2 {	
   		height:	34.5em;
    		width: 	auto;
	}

	#fotos_2 img	{
		height:	34.5em;
    		width: 	auto;
	}	
}


@media all and (min-width: 56em) {
	body	{
		max-width: 58em;
	}

	#fotos_2 {	
   		height:	39em;
    		width: 	auto;
	}

	#fotos_2 img	{
		height:	39em;
    		width: 	auto;
	}	
}


@media all and (min-width: 75em) {
	body	{
		max-width: 75em;
	}

	#fotos_2 {	
   		height:	49em;
    		width: 	auto;
	}	

	#fotos_2 img	{
		height:	49em;
    		width: 	auto;
	}
}

@media all and (min-width: 87.5em) {
	body	{
		max-width: 90em;
	}

	#fotos_2 {	
   		height:	60em;
    		width: 	auto;
	}	

	#fotos_2 img	{
		height:	60em;
    		width: 	auto;
	}
}


@media all and (min-width: 112.5em) {
	body	{
		max-width: 120em;
	}

	#fotos_2 {	
   		height:	80em;
    		width: 	auto;
	}	

	#fotos_2 img	{
		height:	80em;
    		width: 	auto;
	}
}


input {opacity: 0; display: none;}


.holder { 
	position: relative; 
	z-index: 1; 
	pointer-events: none; 
	margin:	0; 
	display: block; 
 }


label.projektbilder {

	display: inline-block;
	position: absolute;

	top: 0px;

	left: 0px;
}

label.projektbilder figure {

	display: table-cell;

	position: relative;

	vertical-align: left;

	font-size: 1em;

	height:	65em;
	opacity: 0;

	z-index: 20;


}


figure img {

	margin:  0;

}


label.projektbilder:nth-of-type(1)::before {
z-index: 10;
}

label.projektbilder:nth-of-type(2)::before {
z-index: 11;
}

label.projektbilder:nth-of-type(3)::before {
z-index: 12;
}


label.projektbilder::before	{
    
		background: none repeat scroll 0 0 #f0f0f0;
    
		background-color: white; 
		content: "";
   
		display: block;
    
		width: 15em; 
    
		height: 12.5em;

		left: 0px;
 
		top: 0px;
    
		position: absolute;

		opacity: 0;
	
		pointer-events: visible; 

		cursor: pointer;
}



@media screen and (min-width: 20em) {
	label.projektbilder::before	{
  
				height: 17em;
	}
}

@media screen and (min-width: 28em) {
	label.projektbilder::before {	
   		height:	25em;
	}
}


@media all and (min-width: 37.5em) {
	label.projektbilder::before {	
   		height:	32em;
	}
}


@media all and (min-width: 48em) {
	label.projektbilder::before {	
   		height:	34.5em;
	}
}


@media all and (min-width: 56em) {
	label.projektbilder::before {	
   		height:	39em;
	}
}


@media all and (min-width: 75em) {
	label.projektbilder::before {	
   		height:	49em;
	}
}


@media all and (min-width: 87.5em) {
	label.projektbilder::before {	
   		height:	60em;
	}
}


@media all and (min-width: 112.5em) {
	label.projektbilder::before {	
   		height:	80em;
	}
}


label.projektbilder:hover::before {
	opacity: 0;

}


label.projektbilder::after {
    	
		
		background-color: white;
		content:"";
    
		display: block;
    
		width: 20em; 
    
		height: 12.5em;
    
		left: 15em;
    
		top: 0px;
 
		position: absolute;
    
		z-index: 1;
      
		opacity:  0;

		pointer-events: visible; 

		cursor: pointer;
}



@media screen and (min-width: 20em) {
	label.projektbilder::after	{
  
				height: 17em;
				width: 20em;
	}
}


@media screen and (min-width: 28em) {
	label.projektbilder::after {	
   		height:	25em;
		width: 28em;
	}
}


@media all and (min-width: 37.5em) {
	label.projektbilder::after {	
   		height:	32em;
		width: 33em;
	}
}


@media all and (min-width: 48em) {
	label.projektbilder::after {	
   		height:	34.5em;
		width: 38em;
	}
}


@media all and (min-width: 56em) {
	label.projektbilder::after {	
   		height:	39em;
		width: 48em;
	}
}


@media all and (min-width: 75em) {
	label.projektbilder::after {	
   		height:	49em;
		width: 62em;
	}
}


@media all and (min-width: 87.5em) {
	label.projektbilder::after {	
   		height:	60em;
		width: 80em;
	}
}


@media all and (min-width: 112.5em) {
	label.projektbilder::after {	
   		height:	80em;
		width: 105em;
	}
}


label.projektbilder:hover::after	{
opacity:  0;
}



#box1:checked ~ .holder label.projektbilder:not(:nth-of-type(1))::before,

#box2:checked ~ .holder label.projektbilder:not(:nth-of-type(1))::before,

#box1:checked ~ .holder label.projektbilder:not(:nth-of-type(2))::before
	{
z-index: 1;
}


#box1:checked ~ .holder label.projektbilder:nth-of-type(2)::after,

#box2:checked ~ .holder label.projektbilder:nth-of-type(1)::after


	{
z-index: 10;
}


#box1:checked ~ .holder label.projektbilder:nth-of-type(1) figure,

#box2:checked ~ .holder label.projektbilder:nth-of-type(2) figure

	{		opacity: 1;
			
			transition: .5s; 

}





#stellen_liste ul li	{
		list-style-type: 	disc; 
		padding-left:	1em;
	
}