/* @group style_tag */
/************************************************************************/
/* urbanista oHg - IBA Hamburg Slideshow - 2008 urbanista + nrg-network */
/* ==================================================================== */
/* CSS released under Creative Commons Attribution-Share Alike license  */
/* http://creativecommons.org/licenses/by-sa/3.0/                       */
/* Feel free to copy this file as a foundation for any new work.        */
/* The unique combination of images, colors, sizes, typography, and     */
/* positioning is copyright 2008 nrg-network and may not be reproduced. */
/* ==================================================================== */
/* For more information visit: http://www.nrg-network.de/               */
/************************************************************************/
/* @end */

/* @group slideShow Reset */

#slideShow {
	margin: 0;
	padding: 0;
}

#slideShow h2, h3 {
	margin: 0;
}

#slideShow p {
	margin: 0;
}

#slideShow ul {
	margin: 0;
	padding: 0;
}

#slideShow li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* @end */

* {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* Slideshow */

#slideShow .slide {
	position: absolute;
}

#slideShow .slide {
	padding-top: 9px;
	padding-right: 9px;
}

#slideShow .slide.large {
	width: 916px;
	height: 431px;
}

#slideShow .slide.small {
	width: 606px;
	height: 296px;
}

#slideShow .slide.large .infoheader {
	width: 389px;/* 397px */
}

#slideShow .slide.small .infoheader {
	width: 285px;/* 293px */
}

/* @group infoheader */

#slideShow .slide .infoheader {
	height:  92px;/* 100px */
	padding-top: 8px;
	padding-left: 8px;
	background-color: #333;
	/*opacity: 0.6;*/
	float: right;
}

#slideShow .slide.large .infoheader h2 {
	width: 320px;
	height: 68px;
	margin-left: 10px;
	position: relative;
	top: -6px;
}

#slideShow .slide.small .infoheader h2 {
	width: 225px;
	font-size: 9px;
	color: #999;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-left: 2px;
}

#slideShow .slide.large .infoheader h3 {
	width: 320px;
	height: 17px;
	margin-left: 10px;
}

#slideShow .slide.small .infoheader h3 {
	width: 225px;
	height: 17px;
	margin-bottom: 3px;
	margin-left: 2px;
}

#slideShow .slide .infoheader h2 span,
#slideShow .slide .infoheader h3 span {
	display: none;
}

#slideShow .slide.small .infoheader p {
	width: 270px;
	margin-left: 2px;
	font-size: 11px;
	color: #999;
}

#slideShow .slide .infoheader a.moreinfo {
	width: 50px;
	height: 9px;
	font-size: 1px; /* tweak IE 6 height */
	display: block;
	position: relative;
	bottom: 12px;
	right: 8px;
	float: right;
}

#slideShow .slide .infoheader a.moreinfo.de {
	background: url(slideshow_images/mehr_info_de.gif) no-repeat;
}

#slideShow .slide .infoheader a.moreinfo.en {
	background: url(slideshow_images/mehr_info_en.gif) no-repeat;
}

#slideShow .slide .infoheader ul.browse {
	width: 48px;
	position: relative;
	top: 0px;
	right: 8px;
	float: right;
}

#slideShow .slide .infoheader .browse li {
	width: 18px;
	height: 18px;
	margin-left: 4px;
	float: left;
}

#slideShow .slide .infoheader .browse li.next {
	background: url(slideshow_images/arrow_next_disabled.gif) no-repeat;
}

#slideShow .slide .infoheader .browse li.prev {
	background: url(slideshow_images/arrow_prev_disabled.gif) no-repeat;
}

#slideShow .slide .infoheader .browse a.arrow  {
	width: 18px;
	height: 18px;
	display: block;
}

#slideShow .slide .infoheader .browse a.arrow.next  {
	background: url(slideshow_images/arrow_next.gif) no-repeat;
}

#slideShow .slide .infoheader .browse a.arrow.prev  {
	background: url(slideshow_images/arrow_prev.gif) no-repeat;
}

/* @end */

/* @group moreinfo */

#slideShow .slide.large .morearrow {
	width: 28px;
	height: 14px;
	margin-right: 6px;
	clear: right;
	float: right;
	background: url(slideshow_images/arrow_moreinfo.gif) no-repeat;
}

#slideShow .slide.large .infoarrow {
	width: 28px;
	height: 8px;
	margin-right: 6px;
	float: right;
	background: url(slideshow_images/arrow_moreinfo.gif) no-repeat 0 -6px;
	top: -5px;
}

#slideShow .slide.large .info {
	width: 397px;
	margin-top: -12px;
	font-size: 13px;
	color: #333;
	background-color: #999;
	opacity: 0.9;
	clear: right;
	float: right;
}

html>body #slideShow .slide.large .info {
	margin-top: -8px;
}

#slideShow .slide.large .info p {
	padding: 18px 40px 15px 18px;
}

#slideShow .slide.large .info a {
	color: #d5ff09;
	text-decoration: none;
	margin: 0 18px 10px 0;
	padding-left: 15px;
	background: url(slideshow_images/arrow_link.gif) no-repeat 0 4px;
	float: right;
}

/* @end */

/************************************************************************/
/* End IBA Hamburg Slideshow                                            */
/************************************************************************/