@charset 'utf-8';
/*-------------------------------------------------------------------------------------	
	*	@copyright:_________2009, Trost GmbH und Co. KG
	*	@link:______________http://www.trost.de
	*	@author:____________Jung v. Matt/Neckar
	*	@function:__________css popup layer (thickbox)
	*	@version:___________1.2.7
	* 	@revision:__________$Revision: 11 $
	* 	@lastmodified:______$Date: 2009-04-24 09:58:41 +0200 (Fr, 24 Apr 2009) $
	*
-------------------------------------------------------------------------------------*/

/*------------------------------------------------
	*	reset browser defaults
--------------------------------------------------*/
* { /* resets all predefined values to 0 */
	margin:0;
	padding:0;
}
body {
	padding:10px;
	font-size:62.5%;
	background-color:#FFF;
	line-height:18px;
}
body#swf21 {
	padding:0;
}
.fieldset, img {
	border:0;
}
abbr, acronym {
	border-bottom:1px dotted;
}
ul, li {
	list-style-type:none;
}
embed, object {
	display:block;
}
/*------------------------------------------------
	*	predefined styles
--------------------------------------------------*/
.clear { /* clearing floats within html-code about the <br> tag */
	clear:both;
	height:0;
	font-size:0;
}
.clearfix:after { /* clearfix-method without additional markup. needs surrounding element. */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:block;
}
.divider { /* general dividing line */
	clear:both;
	margin:15px 0;
	height:1px;
	background:none;
	background:url(images/grDividerContent.gif) no-repeat;
}
.invisible { /* makes elements invisible but readable */
	position:absolute;
	left:-1000em;
}
/*------------------------------------------------
	*	global font definitions
--------------------------------------------------*/
* { /* basic font family */
	font-family:Arial, Helvetica, sans-serif;
}
h1.trHd1 { /* headline 1st order */
	padding-top:30px;
	margin-bottom:10px;
	font-size:1.4em;
	color:#E64215;
}
p.trPg { /* content paragraph */
	margin-bottom:10px;
	font-size:1.2em;
	color:#666;
}
p.trPgIcon {
	margin-bottom:15px;
	text-indent:15px;
	background:url(images/iconPg.gif) 0 6px no-repeat;
	font-size:1.2em;
	color:#666;
}
/*-----|| pager navigation ||-----*/
.pagerNavSrd {
	position:absolute;
	left:0;
	bottom:0;
}
.lnIcon, .lnIconBack { /* link with link icon */
	float:right;
	position:relative;
	z-index:2;
	padding-left:15px;
	background:url(images/iconLn.gif) 0 6px no-repeat;
	color:#E64215;
	font-size:1.2em;
	text-decoration:none;
}
.lnIconBack { /* link back */
	position:absolute;
	padding-right:15px;
	background:url(images/iconLn.gif) 0 -65px no-repeat;
}
.lnIcon:hover, .lnIconBack:hover { /* link with link icon hover state */
	color:#666;
}
#puLayerL .pagerNavSrd {
	width:310px;
}
#puLayerXL .pagerNavSrd {
	width:230px;
}
.pagerNav {
	position:absolute;
	text-align:center;
	width:100%;
	z-index:0;
}
.pagerNav li {
	display:inline;
	font-size:1.2em;
	color:#666;
}
.pagerNav li a {
	padding:0 3px;
	color:#E64215;
	text-decoration:none;
}
.pagerNav li a:hover {
	color:#666;
}
.pagerNav li.current a {
	color:#666;
	font-weight:bold;
}
/*------------------------------------------------
	*	document
--------------------------------------------------*/
#puLayerS #dcCont { /* document container */
	width:490px;
	height:325px;
	overflow:hidden;
}
#puLayerM #dcCont { /* document container */
	width:600px;
	height:500px;
	overflow:hidden;
}
#puLayerL #dcCont { /* document container */
	width:750px;
	height:600px;
	overflow:hidden;
}
#puLayerXL #dcCont { /* document container */
	width:785px;
	height:500px;
	overflow:hidden;
}
#swf21 #dcCont { /* document container */
	width:768;
	height:432;
	overflow:hidden;
}
#imgCamp {
	float:left;
	margin-right:15px;
}
#txtCamp {
	position:relative;
	float:left;
}
#rsDetClose {
	position:absolute;
	right:0;
	top:0;
	width:17px;
	height:18px;
}
#rsDetClose a {
	outline:none;
	display:block;
	width:17px;
	height:18px;
	overflow:hidden;
}
#rsDetClose a img {
	display:block;
}
#rsDetClose a:hover { /* just for ie to apply hover state to element inside */
	background-color:white;
}
#rsDetClose a:hover img {
	margin-top:-18px;
}
#puCiLogo {
	display:block;
	margin-bottom:30px;
}
#puLayerS #txtCamp {
	position:relative;
	width:245px;
	height:325px;
}
#puLayerM #txtCamp {
	position:relative;
	width:230px;
	height:500px;
}
#puLayerL #txtCamp {
	position:relative;
	width:310px;
	height:600px;
}
#puLayerXL #txtCamp {
	position:relative;
	width:230px;
	height:500px;
}