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

* { margin:0; padding:0; }

body{
	margin:0 auto;
	font-family: Arial, sans-serif;
	overflow:hidden;
	height:100%;
}



#main {
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
}

a {
	text-decoration: none;
	color:#fff;
}

a:hover{
	color:#fff;
	text-decoration: underline;
}



hr {
	width:100%;
	border: none;
	border-top: 1px solid #cccccc;
	align:left;
	}

img2 {
    max-width:500px;
    height:auto;
	width:auto;
}

.img-news {
    width:100%;
}	
	

#project-description-mobile{display:none;opacity:0;}
#kartenlink-mobile{display:none;opacity:0;}






input[type="text"] {
  display: block;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}
input[type="text"]:focus {
	outline:none;
}



/* TEXT
------------------------------------*/

h1 {
	font-size: 12px;
	font-weight:normal;
	text-decoration: none;
	color:#000;
	text-transform: lowercase;
}

h1 a {
	color:#000;
    font-weight:normal;
	text-decoration: none;
}
	
h1 a:hover{
	color:#000;
	font-weight:normal;
	text-decoration: underline;
}


h2 {
	margin-left:11px;
	margin-right:11px;
	margin-top:11px;
	margin-bottom:11px;
	padding-top:11px;
	padding-bottom:0px;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color:#000;
	text-transform: lowercase;
}

h3 {
	margin:5px;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color:#000;
	text-transform: lowercase;
}

p {
	font-size: 12px;
	text-decoration: none;
	color:#000;
	margin:11px;
	padding-top:11px;
	padding-bottom:11px;
	text-transform: lowercase;
}


p a {
	color:#EE23EE;
	text-decoration: none;
}

p a.blk{
	color:#000;
}


p a:hover{
	color:#000;
	text-decoration: underline;
}


#info-content p {
	font-size: 12px;
	text-decoration: none;
	color:#000;
	margin-left:11px;
	margin-right:11px;
	margin-bottom:0px;
	margin-top:-11px;
	border: solid 0px blue;
}

#info-content p a {
	color:#EE23EE;
	text-decoration: none;
}


#info-content p a:hover{
	color:#000;
	text-decoration: underline;
}

#kontakt-block p {
	font-size: 12px;
	text-decoration: none;
	color:#000;
	margin-bottom:2px;
	padding-top:11px;
	padding-bottom:5px;
	text-transform: lowercase;
}


h4 {
	font-weight:normal;
	font-size: 12px;
	text-decoration: none;
	color:#000;
	margin-left:11px;
	margin-right:11px;
	padding-top:0px;
	padding-bottom:11px;
	text-transform: lowercase;
}

h4 a {
	color:#EE23EE;
	text-decoration: none;
}


h4 a:hover{
	color:#000;
	text-decoration: underline;
}


h5 {
	margin-left:11px;
	margin-right:11px;
	margin-top:25px;
	margin-bottom:11px;
	padding-top:11px;
	padding-bottom:0px;
	font-size: 12px;
	font-weight:normal;
	text-decoration: none;
	color:#000;
	text-transform: lowercase;
}

h6 {							//close button
	position:relative;
	margin-right:8px;
	font-size: 15px;
	font-weight:normal;
	text-decoration: none;
	color:#000;
	float:right;
	z-index:999;
	text-transform: lowercase; 
}

h6 a:hover {
	cursor:pointer;
}



/* SLIDE CAPTIONS
------------------------------------*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
opacity:0;  /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
 
-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
 
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;

}

caption {
	text-decoration: none;
	color: #fff;
	opacity:1;
	 
}

caption:hover{
	color:#fff;
	opacity:1;
	text-decoration: underline;
}

caption:active{
	color:#fff;
	opacity:1;
	text-decoration: underline;
	
	-webkit-transition-property: opacity;
   	-moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
		
	-webkit-transition-duration: 1s;
   	-moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
 
	-webkit-transition-timing-function: ease;
   	-moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease;
}




/* HEADER
------------------------------------*/

#head {
	z-index: 10;
	font-family: arial;
	font-size: 14px;
	background-color:#fff;
	height: 109px;
	width: 100%;
	top:0px;
	left:0px;
	position: fixed;
	border:0px solid red;
}



#logo {
	position: absolute;
	left:29px;
	top:31px;
}

#nav1 {
	position: absolute;
	left:105px;
	margin:0px;
	bottom:60px;
	float:left;
	color:black;
}

#nav2 {
	position: absolute;
	left:105px;
	margin:0px;
	bottom:40px;
	float:left;
	color:black;
	}


#nav3 {
	position: absolute;
	left:105px;
	margin:0px;
	bottom:20px;
	float:left;
	color:black;
}



#headrightde1{
	position: absolute;
	right:40px;
	margin:0px;
	bottom:20px;
	float:left;
	color:black;
	border: solid 0px red;
	z-index:3000;
	cursor: pointer;		
}

#headrighten1{
	position: absolute;
	right:20px;
	margin:0px;
	bottom:20px;
	float:left;
	color:black;
	border: solid red 0px;
	z-index:3000;
	cursor: pointer;		
}

#headrightde2{
	position: absolute;
	right:40px;
	margin:0px;
	bottom:20px;
	float:left;
	color:black;
	border: solid 0px red;
	z-index:3000;
	cursor: pointer;	
}

#headrighten2{
	position: absolute;
	right:20px;
	margin:0px;
	bottom:20px;
	float:left;
	color:black;
	border: solid red 0px;
	z-index:3000;
	cursor: pointer;	
}




#navm_opener {
	position: absolute;
	display:none;
}




#search {
	position: fixed;
	display:block;
	right:0px;
	margin-left:0px;
	top:70px;
	border: solid red 0px;
	height: 20px;
	z-index: 3000;
}

.searchimg {
    position: absolute;
    left:0px;
    
}


#pac-input {
       background-color: #fff;
      	font-family: Arial, sans-serif;
       font-size: 11px;
	left:60px;
       margin-left: 0px;
       padding: 0 0 0 6px;
       text-overflow: ellipsis;
       width: 480px;
       height:16px;
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    -webkit-border-radius: 0; 
     	}
    

#pac-input:focus {
 		}

.pac-container {
   		font-family: Arial, sans-serif;
   		outline:none;
   		display:hidden;
   		opacity:0;
 		}








/* FOOTER
------------------------------------*/


#footer {
	z-index: 100;
	font-family: arial;
	font-size: 14px;
	background-color:#FFF;
	border:0px solid red;
	width: 100%;
	height: 25px;
	bottom: 0px;
	left:0px;
	position:fixed;
	z-index:1100;
}


#footer-project {
	z-index: 100;
	font-family: arial;
	font-size: 14px;
	background-color:#FFF;
	border:0px solid red;
	width: 100%;
	height: 22px;
	bottom: 0px;
	left:0px;
	position:fixed;
	z-index:1100;
}

#project-info-footer {
	z-index: 100;
	font-family: arial;
	font-size: 14px;
	background-color:#FFF;
	border:0px solid red;
	width: auto;
	bottom: 5px;
	left:0px;
	position:fixed;
	z-index:1100;
	margin-left:30px;
	display:block;
}

#footerleft {
	z-index: 200;
	bottom: 5px;
	margin-left:105px;
	position: fixed;
}


#footerright {
	z-index: 200;
	float:right;
	bottom: 5px;
	right:29px;
	position: fixed;
}



/* NAVIGATION INSIDE PROJECT
------------------------------------*/

#nav4 {
	position: absolute;
	height:20px;
	left:10px;
	bottom:120px;
	z-index:10;
}


#nav5 {
	position: absolute;
	height:20px;
	left:10px;
	bottom:100px;
	z-index:11;
}

#nav6 {
	position: absolute;
	height:20px;
	left:10px;
	bottom:80px;
	z-index:12;
}

			

/* GOOGLE MAPS
------------------------------------*/

#pano {
	position: absolute;
	z-index:3000;
	display:none;
	left:100px; top: 8px; right:100px; height: 80%;
		}

		
#canvas_holder{
			position: fixed; top: 109px; right: 0; bottom: 25px; left: 0;
			z-index: 0,
		}
		
		
#map_canvas{
			position: relative; 
			height:100%;
			width:100%;
			top: 0px; 
			left: 0px; 
			z-index: 0;
		}
		

		
#map_canvas_left{
			position: absolute; 
			height:100%;
			width:49.75%;
			top: 0px; 
			left: 0px; 
			z-index: 0;
		}
		
#map_canvas_right{
			position: absolute;  
			height:100%;
			width:49.75%;
			top: 0px; 
			right: 0;
			z-index: 0;
		}

.InfoWindow {
			width: 285px;
			height: 225px;
			background-color:#fff;
			line-height:1;
			overflow:hidden;
			padding:0px;
			bottom:0px;
			
		}
		
.InfoWindowKontakt {
			width: 500px;
			height: 370px;
			background-color:#fff;
			line-height:1;
			overflow:hidden;
			padding:0px;
			bottom:0px;
			
		}	

.InfoWindowKontakt1 {
			width: 300px;
			height: 60px;
			background-color:#fff;
			overflow:hidden;
			padding:0px;
			bottom:0px;			
		}
		
.InfoWindowKontakt3 {
			width: 150px;
			height: 20px;
			background-color:#fff;
			overflow:hidden;
			padding:2px;
			bottom:0px;			
		}	
			
		
.title {
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	margin-left:5px;
	margin-top: -5px;
	margin-bottom: 0px;
	text-align: left;
	color:#000;
	letter-spacing: normal;
	word-spacing: normal;
	border: solid 0px red;
	text-transform: lowercase; 
}

.title a {
	color:#000;
    font-weight:normal;
	text-decoration: none;
}
	
.title a:hover{
	color:#000;
	font-weight:normal;
	text-decoration: underline;
}

.subtitle {
	font-size: 9px;
	font-weight:normal;
	text-decoration: none;
	margin-left:5px;
	margin-top: -5px;
	margin-bottom: -5px;
	border: solid 0px blue;
	text-align: left;
	color:#000;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: lowercase; 
}

.subtitle a {
	color:#000;
    font-weight:normal;
	text-decoration: none;
}
	
.subtitle a:hover{
	color:#000;
	font-weight:normal;
	text-decoration: underline;
}


.titleKontakt {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	margin-right:5px;
	margin-top: -5px;
	margin-bottom: 0px;
	text-align: right;
	color:#000;
	letter-spacing: normal;
	word-spacing: normal;
	border: solid 0px red;
}

.titleKontakt a {
	color:#000;
    font-weight:normal;
	text-decoration: none;
}
	
.titleKontakt a:hover{
	color:#000;
	font-weight:normal;
	text-decoration: underline;
}

.subtitleKontakt {
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
	margin-right:5px;
	margin-top: -5px;
	margin-bottom: -5px;
	border: solid 0px blue;
	text-align: right;
	color:#000;
	letter-spacing: normal;
	word-spacing: normal;
	line-height:120%;
}

.subtitleKontakt a {
	color:#000;
    font-weight:normal;
	text-decoration: none;
}
	
.subtitleKontakt a:hover{
	color:#000;
	font-weight:normal;
	text-decoration: underline;
}


.projektimg{
	position:absolute;
	bottom:0;
	width:285px;
	overflow:hidden;
}

.kontaktimg{
	position:absolute;
	bottom:0;
	width:500px;
	overflow:hidden;
}
						

.cluster_style {
			color:#fff;
	}


/* PROJECT TITLE
------------------------------------*/

#project-title-orte { 
	width:100%;
  	margin: 0 auto;
	z-index:9000;
	overflow:hidden;
	float:left;
	color:#fff;
	background: #000;
	padding-top:30px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:0px;
	line-height:auto;
	text-transform:lowercase;
				}

#project-title-projekte { 
	width:100%;
  	margin: 0 auto;
	z-index:9000;
	overflow:hidden;
	float:left;
	font:400 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	background: #000;
	padding-top:16px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:0px;
	line-height:auto;
	text-transform:lowercase;
				}



#pinterest { 
	margin:0 auto;
	width:25px;
	right:18px;
	top:130px;
	z-index:900;
	position:fixed;
	overflow:hidden;
	float:left;
	font:400 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	line-height:auto;
	cursor:pointer
				}				




/* CONTAINERS
------------------------------------*/

	
	
	/* versuch tb
------------------------------------*/
	#headline {
		z-index:3000;
		padding:0px;
		border:0px solid green;
		top:55%;
		height:auto;
		left:25%;
		position: fixed;
		display:block;
		width:50%;	
	}
	
	
	#titel {
				width:300px;
				}
				
				
	.headline-img{
				width:100%;
				}
				
		
	
	
		/* versuch tb ende
------------------------------------*/
	
#closebutton {
		z-index:999;
		cursor:pointer
	}

div#close {
	position:absolute;
  	border: solid 0px blue;
	right:2px;
	top:2px;
	height:30px;
	opacity:0.4;
	z-index:3000;
}


		

	
#info-container {
		display:none;
		z-index:1040;
			}	
			
#info-closer {
		position: absolute;
		width: 500px;
		height:30px;
		top:120px;
		left:12%;
		margin-top:80px;
		background: #FFF;
		opacity:0.90;
		filter:alpha(opacity=90);	
		border: 0px solid green;
		z-index:3000;
	}

#info-content {
		position: absolute;
		top:150px;
		margin-top:80px;
		padding-bottom:5px;
		left:12%;
		width: 500px;	
		z-index:1040;
		max-height:55%;
		overflow-x:hidden;
		overflow-y:auto;
		background: #FFF;
		opacity:0.90;
		filter:alpha(opacity=90);
		border: 0px solid blue;
	}	


	

	
	
#news-container {
		position: fixed;
		width: 500px;
		margin-top:200px;
		top:25px;
		left:12%;
		bottom:100px;	
		border: 0px solid blue;
		z-index:500;
		overflow-x:hidden;
		overflow-y:auto;
               -webkit-overflow-scrolling: touch;
	}
		
#news-content {
		position: relative;
		top:0;
		left:0;
		width: 100%;
		height:auto;
		background: #FFF;
		opacity:0.90;
		filter:alpha(opacity=90);	
		border: 0px solid green;
	}


.hidden-scrollbar {
		overflow:hidden;
	  	text-align:left;    
	}

.hidden-scrollbar .inner {
		  overflow:auto;
                 -webkit-overflow-scrolling: touch;
		  margin:0px -300px 0px 0px;
		  padding-right:300px;
	}	
  
  



  /* KONTAKT CONTAINER
------------------------------------*/

#kontakt-container {
		z-index: 2000;
		padding:0px;
		border:0px solid green;
		width: 500px;
		top:200px;
		height:auto;
		left:12%;
		position: fixed;
		margin-top:5px;
		overflow-x:hidden;
		overflow-y:auto;
               -webkit-overflow-scrolling: touch;
		background: #FFF;
		opacity:0.90;
		filter:alpha(opacity=90);
		display:block;
		font-size: 12px;	
	}
	

	
#kontakt-block {
	position: relative;
	font-size: 12px;
	top:0px;
	margin-left:0px;
	border: 0px solid red;
	height:auto;
	-webkit-text-size-adjust: 100%;		
	}

#kontakt-social	{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	margin-left: 402px; 
	border: 0px solid red;
	width:150px;
	z-index:997;
	}
	
#kontakt-social-mobile {
	display: none;
	border: 0px solid blue;}
	
#kontakt-links-1 {
	position: relative;
	font-size: 12px;
	top:0px;
	margin-left:0px;
	border: 1px solid white;
	width:100%;
	}

#kontakt-rechts-1 {
	position: absolute;
	font-size: 12px;
	top:0px;
	margin-left:170px;
	border: 0px solid red;

	width:330px;
	}
	

#kontakt-kreuz	{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	margin-left: 332px; 
	border: 0px solid red;
	width:auto;
	z-index:2050;
	border: 0px solid red;
	}








  
  /* SCHUBLADEN
------------------------------------*/

.ac-container{
    position:relative;
	width: 500px;
    margin: 0px;
	background: #FFF;
	opacity:0.90;
	filter:alpha(opacity=90);
	overflow-y:auto;
	overflow-x:hidden;
	border: solid 0px blue;
	z-index:900;	
}

.ac-container label [for=Length] {
    padding: 0px;
    position: relative;
    z-index: 20;
    height: 25px;
    cursor: pointer;
	margin-bottom:1px;
	}

.ac-container label:hover{
	cursor: pointer;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	}

.ac-container input{
    /*display: none;*/
	position:absolute;
	left:0;
	margin-left: -9999px;
}

.ac-container article{
    margin: 0px;
    overflow: hidden;
	height: 0px;
    position: relative;
    z-index: 10;
    transition: height 0.3s ease-in-out;
	-webkit-transition: height 0.3s ease-in-out;
   	-moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
}
.ac-container input:checked ~ article{
     transition: height 0.3s ease-in-out;
	-webkit-transition: height 0.3s ease-in-out;
   	-moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
}

.ac-container article p{
	}

.ac-container input:checked ~ article.ac-small{
    height: auto;
	margin-bottom:0px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 180px;
}
.ac-container input:checked ~ article.ac-large{
    height: 230px;
}









  /* SLIDESHOW
------------------------------------*/



	/* Controls Bar
	----------------------------*/
	/*#controls-wrapper { margin:0 auto; width:100%; left:29px; top:130px; z-index:400; position:fixed;}
		#controls { overflow:hidden; position:relative; text-align:left; z-index:500;}
		
		#controls-slideshow { overflow:hidden; position:fixed; left:0px;border: 0px solid blue;text-align:left; z-index:500;}
			#slidecounter { float:left; margin:0 0 0 0; line-height:42px;
				}*/
			#slidecaption { left:29px; top:130px; z-index:400; position:fixed;overflow:hidden; float:left;font:400 16px "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:auto; bottom:200px;
	text-transform: lowercase; 	 
				}
			
			#navigation { float:right; margin:0px 20px 0 0; }
				#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('../img/imgslider/bg-hover.png') repeat-x 0 44px; }
					#play-button:hover{ background-position:0 1px; cursor:pointer; }
				
				#prevslide, #nextslide{ z-index:1; position:fixed; width:50%; top:220px; bottom: 50px; margin-top:-21px;  opacity:0; filter:alpha(opacity=0);}
					#prevslide{ left:0px; background: #023;}
					#nextslide{ right:0px;background: #721;}
						#prevslide:active, #nextslide:active{}
						#prevslide:hover{ cursor:pointer}
						#nextslide:hover{ cursor:pointer}
				
				ul#slide-list{ z-index:999;padding:15px 0; float:left; position:absolute; left:50%; }
					ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
						ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
						ul#slide-list li a{ display:block; width:12px; height:12px; background:url('../img/imgslider/nav-dot.png') no-repeat 0 -24px; }
							ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
							

		
			
	#tray-button{float:right; z-index:1000;position:fixed; height:40px; width:100%;left:0px; bottom:25px; background:#fff; opacity:0 ;  filter:alpha(opacity=0)/*border: solid 1px red;background:white;*/}
	#tray-leaver1{float:right; z-index:0;position:fixed; height:100%; width:100%;left:0px; bottom:160px; background:#fff; opacity:0 ;  filter:alpha(opacity=0) /*border: solid 1px green;background:white;*/}
	/*#tray-leaver{float:right; z-index:4;position:fixed; height:170px; bottom:2px;left:5px; right:5px; border: solid 1px blue;/*background:white;}*/
					#tray-button:hover{ cursor:pointer; }
		
	
	/* Progress Bar
	----------------------------*/					
	#progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%;  }
		#progress-bar{ position:relative; height:8px; width:100%;  }
	
	
	/* Thumbnail Navigation
	----------------------------*/	
	#nextthumb,#prevthumb { z-index:499; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
		#nextthumb { right:0px; }
		#prevthumb { left:100px; }
			#nextthumb img, #prevthumb img { width:150px; margin-left:3px; margin-right:3px; height:auto;  }
			#nextthumb:active, #prevthumb:active { bottom:59px; }
			#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
	
	
	/* Thumbnail Tray
	----------------------------*/			
	#thumb-tray{position:fixed; z-index:5; bottom:0;  left:0px; height:153px; right:0px; overflow:hidden; background:#fff;z-index:1050;/*border:1px solid yellow; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000;*/ }
	#tray-opener{position:absolute; top:-10px;left:50%;z-index:1000;overflow:hidden;} 
	
	#project-description{ position:fixed; z-index:1050; bottom:0; left:0px; height:153px; width:100px; background:white;overflow:hidden; padding-left:20px; margin-top:20px;}
	
	
		
		#thumb-back, #thumb-forward{ position:absolute; z-index:1051; bottom:42px; height:108px; width:40px; }
			#thumb-back{ left:0; background: transparent/*url('../img/imgslider/thumb-back.png') no-repeat center center;border:1px solid blue;*/}
			#thumb-forward{ right:0; background: transparent /*url('../img/imgslider/thumb-forward.png') no-repeat center center;border:1px solid blue;*/}
				#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; }
					#thumb-back:hover{ /*border-right:1px solid rgba(256,256,256, 0.2);*/ }
					#thumb-forward:hover{ /*border-left:1px solid rgba(256,256,256, 0.2); */}
		
		/*eigenschaften thumbs*/
		
		ul#thumb-list{ display:inline-block; list-style:none; position:absolute;bottom:25px;/* padding-left:4px; padding-right:4px; border:1px solid green*/}
			ul#thumb-list li{ background:#fff; width:150px; height:150px; display:inline; /*float:left;list-style:none;  margin-left:2px; */}
				ul#thumb-list li img { width:190px; height:118px;  border: 1px #fff solid/*opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;*/ }					
				/*ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }*/
				ul#thumb-list li:hover{ cursor:pointer; }
				#
				
				
				
				










  /* MOBILE
------------------------------------*/


.mobile-off{display:block;opacity:1;}

	/* Mobil - features hidden when not mobile display
	----------------------------*/	

#project-description-mobile{display:none;opacity:0;}
#kartenlink-mobile{display:none;opacity:0;}
#kontakt-social-mobile {display: none;opacity:0;}
.navm_text{display:none;}
	


			

/* Mobile - general
	----------------------------*/	

@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 1000px) and (orientation: landscape), screen and (max-device-width: 1000px) and (orientation: landscape) {  




#handy-off {
		display:none;		
		opacity:0;
				}



.navm_text{display:block;}

#kontakt-social {
	display: none;
	opacity:0;}

#kontakt-container {
		}
	
#kontakt-social-mobile {
	position: relative;
	display: block;
	opacity:1;
	font-size: 12px;
	top:0px;
	margin-left:0px;
	border: 0px solid red;
	height:auto;
	width:500px;
	}
	

#kontakt-block {
	-webkit-text-size-adjust: 100%;
	height:auto;
	width:auto;
	max-height:1000px;
	border: 0px solid red;
	width:100%;		
	}	

#kontakt-links-1 {
	}	
	
#kontakt-rechts-1 {
	margin-left:43%;
	
	}	

	
#navm_opener {
	position: fixed;
	right:29px;
	top:31px;
	display:block;
	opacity:0.5;
	z-index:2002;
}

#navm_container {
	
	position: absolute;
	border:0px solid red;
	top:180px;
	left:0px;
	right:0px;
	bottom:30px;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:2002;
	display:none;
    font-size: 25px;	
}




#nav1  {
	display:none;
}

#nav2  {
	display:none;
}

#nav3  {
	display:none;
}

div.navm_a {
	height:auto;
	width:auto;
	margin:0px;
	border:0px solid blue;
	background-color: rgba(0,0,0,0);
	padding-left:105px;
	padding-right:105px;
	padding-top:16px;
	padding-bottom:32px;
	}

div.navm_b {
	height:auto;
	width:auto;
	margin:0px;
	border:0px solid blue;
	background-color: rgba(0,0,0,0.3);
	padding-left:105px;
	padding-right:105px;
	padding-top:16px;
	padding-bottom:32px;
	}

div.navm1  {
	font-family: Arial, sans-serif;
	position: relative;
	margin-top:16px;
	height:32px;
	left:0px; right:0px;
  	background-color:#fff;
	opacity:0.90;
	filter:alpha(opacity=90);
	padding:1%;
	z-index:1999;
	cursor:pointer;
	font-size: 24px;
	font-weight:normal;
	text-decoration: none;
	color:#000;
  	}

div.navm_links  {
	position:absolute;
	left:15px;
	top:7px;
	display:block;
	width:100%;
	height:inherit;
	
  	}
  	
div.navm_links a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    color:#000;
    
	cursor:pointer;
}

div.navm_links a:hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: underline;
	color:#000;
}



}











/* CONTAINERS MOBILE
------------------------------------*/

	

	/* Mobile - landscape
	----------------------------*/				
						
						
@media screen and (max-device-width: 767px) and (orientation: landscape) {


		#handy-off {
		  display:none;		
		  opacity:0;
				}
				
				
		.mobile-off {
		display:none;	
		opacity:0;	
				}	
				
        .handy-off {
		  display:none;	
		  opacity:0;	
				}

        .ipad-off {
		  display:none;	
		  opacity:0;	
				}
	
		#canvas_holder{
			position: fixed; top: 0px; right: 0; bottom: 25px; left: 0;overflow:hidden;
			z-index:-999;
				}
		#map_canvas_holder{
			z-index:-999;
				}
		#map_canvas{
			z-index:-999;
				}
		

		
		#search {
	        display:none;
	        opacity:0;
	        }

		#news-container {
				position:fixed;
				top:0px;
				margin-top:135px;
				margin-bottom:50px;
				width:auto;
				max-width:500px;
				left:105px;
				right:105px;
				bottom:0px;	
				border: 0px solid blue;
				}
					
		#news-content .img2{
				width:100%;
				}
				
		#kontakt-container {
				position:fixed;
				top:0px;
				margin-top:135px;
				bottom:50px;
				width:auto;
				max-width:500px;
				left:105px;
				right:105px;
				height:auto;
				border: 0px solid blue;
				-webkit-text-size-adjust: 100%
				}
		
						
		#info-closer {
			position:absolute;
			top:0px;
			margin-top:135px;
			left:105px;
			right:105px;
			max-width:500px;
			height:30px;	
			border: 0px solid blue;
			}
			
		#info-content {
			position:absolute;
			top:0px;
			left:105px;
			right:105px;
			bottom:0px;
			margin-top:165px;
			margin-bottom:50px;
			max-width:500px;
			height:auto;
			max-height:none;	
			border: 0px solid blue;
			}

		
		.hidden-scrollbar { 
				}
		
		.hidden-scrollbar .inner {
		 		}

		 			
		 #project-title { 
				position:fixed;
				top:33px;
				left: 115px;
				width:70%;
				
				}
				
		#navm_container {
				top:100px;
				
				} 
	
		#slidecaption {position:absolute;top:33px;left:115px; width:70%;z-index:4000;}
		#head {	background-color:transparent;z-index:50;}
		
		#project-info-footer {
	 		display:none;}
	 
		#prevslide, #nextslide{top:250px;bottom:25px;}
		#thumb-tray{
			opacity:0;}
		#tray-button{
			display:none;}
		#tray-button:hover{
			display:none;}
		#tray-leaver1{
			display:none;}
		#tray-opener{
			display:none;}
		#project-description{
			display:none;}
		ul#thumb-list, ul#thumb-list li {
			display:none;}
		#project-description-mobile{
			position: fixed; left:29px;bottom:100px;display:block;z-index:1999;opacity:0.5;}
		#kartenlink-mobile{
			position: fixed;left:29px;bottom:40px;display:block;z-index:1999;opacity:0.5;}
			

		
		
	}





	/* iPad 1 & 2 in landscape
	----------------------------*/	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
    
    	.handy-off{display:block;opacity:1;}

	.ipad-off {
		display:none;	
		opacity:0;	
				}

       	#search {
	        display:block;
	        opacity:100;
	        }
    
        #pac-input{
            height:18px;
            border-color: #ddd;}
        
		
		#slidecaption {position:fixed;margin-top:100px;left:29px; width:70%;z-index:1000}
		#project-title {position:fixed;margin-top:100px;left:29px; width:70%;z-index:1000}
		
		#navm_opener {
			display:none;}

		#navm_container {
			display:none;}

		#nav1  {
			display:block;}
		
		#nav2  {
			display:block;}
		
		#nav3  {
			display:block;}
		
		#head {	background-color:#fff;}
		
		#project-info-footer {
	 		display:none;}
		
		#prevslide, #nextslide{}
		#thumb-tray{
			opacity:0;}
		#tray-button{
			display:none;}
		#tray-button:hover{
			display:none;}
		#tray-leaver1{
			display:none;}
		#tray-opener{
			display:none;}
		#project-description{
			display:none;}
		ul#thumb-list, ul#thumb-list li {
			display:none;}
		#project-description-mobile{
			position: fixed; left:29px;bottom:100px;display:block;z-index:1999;opacity:0.5;}
		#kartenlink-mobile{
			position: fixed;left:29px;bottom:40px;display:block;z-index:1999;opacity:0.5;}
			
		#news-container {
				position:fixed;
				top:0px;
				margin-top:135px;
				margin-bottom:50px;
				width:auto;
				max-width:500px;
				left:105px;
				right:105px;
				bottom:0px;	
				border: 0px solid blue;
				}
				
				
    
	
	
	}
	
	
	
	
	/* Mobile - portrait
	----------------------------*/					

@media screen and (max-width: 767px) and (orientation: portrait), screen and (max-device-width: 767px) and (orientation: portrait) { 
	

		
#handy-off {
		display:none;		
		opacity:0;
				}
.mobile-off {
		display:none;	
		opacity:0;	
				}				
				
.handy-off {
		display:none;	
		opacity:0;	
				}

.ipad-off {
		display:none;	
		opacity:0;	
				}


		#search {
	        display:none;
	        opacity:0;
	        }


	
		#news-container {
			position:fixed;
			top:120px;
			margin-top:20px;
			width:auto;
			height:auto;
			left:105px;
			right:105px;
			border: 0px solid blue;
			overflow-y:auto;
  			-webkit-overflow-scrolling: touch;
			}
		
		#kontakt-container {
			position:fixed;
			top:140px;
			margin-top:20px;
			width:auto;
			height:auto;
			left:105px;
			right:105px;	
			border: 0px solid red;
			overflow-y:auto;
  			-webkit-overflow-scrolling: touch;
						}
			
		
		#kontakt-social {
			display: none;
			opacity:0;}
		
		#kontakt-social-mobile {
			position: relative;
			display: block;
			opacity:1;
			font-size: 12px;
			top:0px;
			margin-left:0px;
			border: 0px solid red;
			height:auto;
			width:500px;
			}
			
		
		#kontakt-block {
			-webkit-text-size-adjust: 100%;
			height:auto;
			width:auto;
			max-height:1000px;
			border: 0px solid red;
			width:100%;		
			}	
		
		#kontakt-links-1 {
			}	
			
		#kontakt-rechts-1 {
			margin-left:43%;
			}	
				

		#info-closer {
			position:absolute;
			top:200px;
			margin-top:20px;
			width:auto;
			height:30px;
			left:105px;
			right:105px;	
			border: 0px solid blue;
			}
			
		#info-content {
			position:absolute;
			top:230px;
			margin-top:20px;
			width:auto;
			height:auto;
			max-height:none;
			left:105px;
			right:105px;
			bottom:45px;	
			border: 0px solid blue;
			}
		
		
			
		#news-content .img2{
			width:100%;
			}
	
		.hidden-scrollbar { 
			}
	
		.hidden-scrollbar .inner {
	 		}		
		
		#project-info-footer {
	 		display:none;}

		#prevslide, #nextslide{margin-top:70px;top:120px;bottom:25px;}
		#thumb-tray{
			opacity:0;}
		#tray-button{
			display:none;}
		#tray-button:hover{
			display:none;}
		#tray-leaver1{
			display:none;}
		#tray-opener{
			display:none;}
		#project-description{
			display:none;}
		ul#thumb-list, ul#thumb-list li{
			display:none;}
		#project-description-mobile{
			position: absolute;	left:29px;	bottom:40px;display:block;z-index:1999;opacity:0.5;}
		#kartenlink-mobile{
			position: absolute;	left:29px;	bottom:40px;display:block;z-index:1999;opacity:0.5;}
		



				
	}
	
	
/* iPad 1 & 2 in portrait
	----------------------------*/	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
    
    	.handy-off{display:block;opacity:1;}

	.ipad-off {
		display:none;	
		opacity:0;	
				}

        #pac-input{
            height:18px;
            border-color: #ddd;}
	
	 	#slidecaption {position:fixed;margin-top:0px;left:29px; width:70%;}
	 	
	 	#project-info-footer {
	 		display:none;}

	 	#prevslide, #nextslide{}
		#thumb-tray{
			opacity:0;}
		#tray-button{
			display:none;}
		#tray-button:hover{
			display:none;}
		#tray-leaver1{
			display:none;}
		#tray-opener{
			display:none;}
		#project-description{
			display:none;}
		ul#thumb-list, ul#thumb-list li{
			display:none;}
		#project-description-mobile{
			position: absolute;	left:29px;	margin-bottom:0px; bottom:225px;display:block;z-index:1999;opacity:0.5;} /*bottom: add +109 height header */  
		#kartenlink-mobile{
			position: absolute;	left:29px; margin-bottom:0px; bottom:149px;display:block;z-index:1999;opacity:0.5;} /*bottom: add +109 height header */ 
	 	 }