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


/*---------------------------------------------------------------------------------------------------------*/
/* vvv --- --- --- PROJEKT --- --- --- --- */
.galerie{
	display:block;
	position:relative;
	left:0;
	top:0;
	width:982px;
	height:610px;
}

.galerie-einfach{
	display:block;
	position:relative;
	left:0;
	top:0;
	width:982px;

	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 	
}



.galerie-einfach  img{
		/*
		background: url(../../img/line_890px_000_1px.png) no-repeat;
		padding:2px 0px 100px 0px;
		*/
		margin:0px 46px 100px 46px;
}

.galerie-einfach span{
		padding:0px 0px 0 0px;
		margin:0px 46px 0px 46px; 
}

.galerie-unten{
	/*
	background:#fff;
	*/
	display:block;
	position:relative;
	left:0;
	top:0;
	width:982px;
	height:20px;
	text-align:center;
}

.container1projekt{
	/*
	background:#eee;
	*/
	display:block;
	position:relative;
	top:0;
	left:0;
	
	width:290px;
	/*height:270px;  270 bzw 240+10*/
	
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	
	margin:0px 0px 0px 0px; /*0px 5px 20px 5px; ging für den rahmen 5x drauf*/
	padding:5px 0px 0px 0px;
	float:left;
	
	-webkit-transition:all 0.5s ease-in-out;  
	-moz-transition:all 0.5s ease-in-out;  
	-o-transition:all 0.5s ease-in-out;  
	transition:all 0.5s ease-in-out;  

	border-color:#ddd;
	border-width:0px 5px 0px 5px;  /*border-top = 0 wegen linie*/
	border-style:solid;
	border-radius:0px;

	
}
/*---------------------------------------------------------------------------------------------------------*/

.headline-project{
	/*
	background:#ddd;
	*/
	display:block;
	position:relative;
	left:0;
	top:0px;
	width:280px;
	padding: 0 5px 5px 5px;
	/*	height:30px;*/
		
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	line-height:22px;
	color:#000;
	font-style:italic;
	font-weight:lighter;
	text-align:left;
	
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
}

/*---------------------------------------------------------------------------------------------------------*/
.container-tag{
	background:url(../../img/tag.png) no-repeat;
	display:block;
	position:relative;
	left:0;
	top:0;
	width:270px; /*290 - 20 */
	height:15px;
	text-align:left;
	margin:11px 0px 8px 5px;
	padding:2px 0px 0px 20px;
}

/*---------------------------------------------------------------------------------------------------------*/
.tag{
	margin-right:5px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	
	font-stretch:normal;
	font-weight:normal;
	text-align:left;
	float:left;
	letter-spacing:0.5px;
}

.tag a{
	color:#000;
	text-decoration:none;
	background:#ddd;
	border: solid #ddd;
	border-width: 1px 2px 1px 2px;
	border-radius:0px;
}

.tag a:hover{
	background:#000;
	border-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

/*---------------------------------------------------------------------------------------------------------*/
.container-info{
	/*
	background:url(../../img/tag.png) no-repeat;
	*/
	display:block;
	position:relative;
	left:0;
	top:0;
	width:270px; /*290 - 20 */
	text-align:left;
	margin:5px 0px 5px 5px;
	padding:7px 0px 0px 0px;
	
	/*height:19px;*/
	
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	}

.info{
	margin-right:5px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-stretch:normal;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	float:left;	
	letter-spacing:0.5px;
	
	border: solid #ddd;
	border-width: 1px 2px 1px 2px;
	border-radius:0px;

}

.info a{
	/*
	background:#fff;
	*/
	color:#000;
	text-decoration:none;
	float:left;
}

.info a:hover{
	background:#000;
	border-color: #000;
}

.container-info span {
	display:block;
	position:absolute;
	top:7px;	
	left:70px;
	
	margin-right:5px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-stretch:normal;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	float:left;	
	letter-spacing:0.5px;
	
	border: solid #ddd;
	border-width: 1px 2px 1px 2px;
	border-radius:0px;
}

.container-info span a{
	/*
	background:#fff;
	*/
	color:#000;
	text-decoration:none;
	float:left;
}

.container-info span a:hover{
	background:#000;
	border-color: #000;
}

/*---------------------------------------------------------------------------------------------------------*/
.beschreibung{
	/*
	background:#ddd;
	*/
	display:block;
	position:relative;
	left:0;
	top:0;
	width:280px;
	height:auto;
	margin:0 5px 0 5px;
	padding:0;
	
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	line-height:27px;
	font-style:normal;
	
	font-stretch:normal;
	font-weight:normal;
	text-align:left;
	letter-spacing:0.0px;
}

.beschreibung a{
	/*
	background:#fff;
	*/
	color:#000;
	text-decoration:underline;
}

.beschreibung a:hover{
	background:#000;
	border-color: #000;
}
/* ^^^ --- --- --- PROJEKT ENDE --- --- --- --- */

/*---------------------------------------------------------------------------------------------------------*/
.display{
	display:none;	
}

.visibility{
	visibility:hidden;
}