@charset "UTF-8";

/**
 * CSS Stile für das Projekte PopUp
 *
 * @author		Florian Ilch <post@florianilch.de>
 * @link		http://www.florianilch.de
 * @package		de_kub2
 * @version		1.5
*/

/**
 * 25.06.2010
 * Farbwerte ersetzt
 * 
 * @author Julia Schnitzer
 */

/*
 html,body{
	height: auto; 
	overflow: visible; 
}*/

/** Flash Issue **/
#spacer{
	position:	absolute;
	top: 		781px;
	left: 		14px;
	height:		14px;
}

.popup{
	display:		none;
	position:		absolute;
	width:			470px;
	height:			422px/*auto*/;
	background: 	#615b45;
	left: 			438px;
	top:			49px; 
	border:			1px solid #d9e5d1;
	padding:		10px 65px;
	padding-bottom:	0px;
	z-index:		2000 !important;
}

.popup a{
	text-decoration:	none;
	color:				#d9e5d1;
}

.popup .galerie{
	border-top:			1px solid #d9e5d1;
	border-bottom:		1px solid #d9e5d1;
	margin-top:			.5em;
	margin-left:		-65px;
	width:				520px;
	height:				276px;
	padding:			21px 40px;
	padding-bottom:		.5em;
	overflow:			hidden;
}

.popup.dreizeiler{
	height:	auto;
	top:	57px;
}

.popup.dreizeiler .galerie{
	height:				276px;
	/*margin-top:			28px;*/
}

.popup.dreizeiler h1{
	/*margin-bottom:		5px;*/
}

.popup .galerie img{
/*	border-left:	1px solid #00b5ff;
	border-right:	1px solid #00b5ff;*/
	float:			left;
}

.popup .galerie div{
	padding-left:	24px;
	overflow:		hidden;
}

.popup .galerie div div.vorschau{
	/*border-left:	1px solid #00b5ff;
	border-right:	1px solid #00b5ff;*/
	padding-left:	0px;
	width:			68px;
	height:			51px;
	overflow:		hidden;
	float:			left;
	margin-bottom:	2em;
	margin-left:	-1px;
	cursor:			pointer !important;
}

.popup .galerie div div.vorschau img{
	cursor:			pointer !important;
}

.popup .galerie div div img{
	border: none !important;
}

.popup .galerie div.bild{
	padding-left:	0;
	float:			left;
	height:			217px;
	width:			289px;
	width:			318px;
}

.popup .galerie div.bild div{
	padding-left:	0;
	/*border-left:	1px solid #00b5ff;
	border-right:	1px solid #00b5ff;*/
	height:			217px;
	margin:			0 auto;
}

.popup .galerie div.bild img{
	float:			none;
	display:		block;
}

.popup .galerie p{
	padding-left:	25px;
	padding-top:	1em;
	clear:			both;
}

.popup .pfeil-links img,
.popup .pfeil-rechts img{
	border:			none;
	float:			none;
}

.popup .pfeil-links,
.popup .pfeil-rechts{
	float:			left;
	height:			19px;
}

.popup .pfeil-links{
	padding-right:	22px;
	margin-left:	111px;
	display:		inline;
}

.popup .pfeil-rechts{
	border-left:	1px solid #00b5ff;
	padding-left:	22px;
}

.popup .btn-close{
	margin-top:		.3em;
	line-height:	3em;
	padding-left:	2em;
	height:			31px;
	display:		block;
	padding-bottom:	.5em;
	margin-left:	-2px;
	background:		url('../img/hund.gif') 0px 0px no-repeat;
}
.popup .btn-close:hover{ background-image: url('../img/hund_o.gif'); }

.bauart{
	/*top:			48px;*/
}

.popup h1 span{
	color:		 #fff;
	line-height: 20px;
	font-weight:normal;
	letter-spacing:1px;
}

.bauart h2{
	padding-top:	.5em;
	font-size:		1.5em;
	font-weight:	normal;
}

.popup p.beschreibung{
	padding-top:	0em;
	line-height:	18px;
}

.popup .galerie{
	margin-top:		20px;
}

.bauart .galerie{
	padding-top:	0px;
	height:			297px;
}

.bauart .galerie img{
	border:			none;
	float:			none;
}

.popup .galerie div.galerie-navi{
	clear:			both;
	width:			318px;
	padding-left:	0px;
	padding-top:	10px;
}

#galerie-index{
	left:			688px;
}