/* Original aus C:\KundenProjekte\WebseitenHartmut\NewWebsite5\styles\stylesBasis.css	
	.columnsTr {
			/*width:20%;*/
			/*width:14.5%;
			float:left;
			min-width: 200px;
			display: block;
			margin-left: auto; 
			margin-right: auto;
			padding-left: 23px; 
			margin-top: 2em;
			border: 0px solid; 
			border-color: red;
		}	*/

		
/*wird für die 6 Transition Bilder verwendet*/
		.columnsTr {
			/*width:20%; bei vier Kreisen!!!*/
			width:29%;		
			min-width: 100px;	
			float:left;
			display: block;
			margin-right: 0px;
			padding-left: 0px; 
			margin-top: 40px;
			/*border: 2px ; */
			/*border-style: solid;*/
			/*border-color: red;*/
			/*margin-bottom: -99999px !important; */ /* Trick für gleichlange Spalten  - dazu gehört ein overflow: hidden für den umgeb. Container */
			/*padding-bottom: 99999px !important; */ /* Trick für gleichlange Spalten */
		}	

.columnsTr_marginleft_1{
		margin-left: -80px; 
}

.columnsTr_marginleft_35px{
		margin-left: +35px; 
}

.columnsTr_marginleft_60px{
		margin-left: +60px; 
}

.columnsTr_marginleft_2{
		margin-left: +110px; 
}

.columnsTr_marginleft_115px{
		margin-left: +115px; 
}

	
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

/* ist die Größe des eingeblendeten kreises */
.ih-item.circle {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.ih-item.circle .img {
  position: relative;
  width: 100px;/*175px;*/
  height: 100px;/*175px;*/
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /*box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);*/
  box-shadow: inset 0 0 0 0px #C0C0C0, 0 12px 12px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


/* läßt Bilder zoomen*/
	img.zoom {
	 transition: transform 0.8s;
	 -moz-transition: transform 0.8s;
	 -webkit-transition: transform 0.8s;
	 -o-transition: transform 0.8s;
	 -ms-transition: transform 0.8s;
	}

 	img.zoom:hover {
	 cursor: zoom-in;
	 cursor: -moz-zoom-in;
	 cursor: -webkit-zoom-in;
	 transform: scale(1.5, 1.5);
	 -moz-transform: scale(1.5, 1.5);
	 -webkit-transform: scale(1.5, 1.5);
	 -o-transform: scale(1.5, 1.5);
	 -ms-transform: scale(1.5, 1.5);
	}