@charset "UTF-8";

/**
 * CSS Stile für Jettainer
 *
 * @author		Florian Ilch <post@florianilch.de>
 * @link		http://florianilch.de
 * @package		de_jettainer
 * @version		0.1
*/

#overlay{
	display:	none;
	position:	absolute;
	height:		100%;
	width:		100%;
	background: #3d3d3d url('../img/p/spotlight.png') center top no-repeat;
	z-index:	5000;	
}

#modalWindow-2{
	position:	absolute;
	right:		25px;
	top:		45%;
	width:		600px;
	height:		340px;
	margin-top:	-165px;
	z-index:	4000;
}

#modalWindow{
	position:	absolute;
	top:		45%;
	left:	50%;
	width:		600px;
	height:		340px;
	margin-left:	-300px;
	margin-top:	-165px;
	z-index:	6000;	
}

#modalBody{
	background: #fff;
	padding:	20px 1.5em;
	font-size:	1.2em;
	line-height:1.4em;
	height:		300px;	
}

#modalBody h2{
	font-size:		1.2em;
	padding:		0 0 .2em .1em;
	font-weight:	bold;
	border-bottom:	2px solid #eb6b08;
}

#modalBody h2 em{
	color:		 	#eb6b08;	
	font-weight:	normal;
	font-style:		normal;
}

#modalBody h2 span{
	position:	absolute;
	right:		2em;
	top:		.3em;
	font-size:	.5em;
}

#modalData h2{
	color:			#605d5c;
	font-size:		1.8em;
	padding:		.1em 1.3em .5em .3em;
	margin-bottom:	.7em;
	font-weight:	normal;
	border-width:	1px;	
	border-color:	#605d5c;
}

#modalData h3{
	color:			#eb6b08;
	font-weight:	normal;
	font-size:		1.2em;
	padding:		0 .6em;
	margin-bottom:	15px;
}

#modalBody div.column{
	width:		260px;
	padding:	0px 10px 15px 10px;
	float:		left;	
}

#modalBody strong{
	font-weight:	bold;	
}

#modalContent{
	overflow:	hidden;
	background: #fff;
} 

#modalData #modalContent{
	height:		290px;
	border-bottom:	1px solid #605d5c;
}

#modalData #modalContent .scroll{
	overflow:		auto;
	height:			225px;	
	padding-right:	1.5em;
}

#modalData #modalContent .scroll p{
	padding:	0px 10px 1em 10px;
}

#modalData #modalContent .page{
	
}

#modalPager,
.modalPager{
	position:	absolute;
	left:		1.4em;
	bottom:		0;
	color:		#605D5C;
	width:		564px;
	line-height:1em;
}

#modalPager p,
.modalPager p{
	float:	left;
}

#modalPager ul,
.modalPager ul{
	float:	right;	
}

#modalPager ul li,
.modalPager ul li{
	display:		inline;	
	padding-left:	1em;
}

#modalPager ul li a,
.modalPager a{
	color:		#605D5C;
	text-decoration: none;	
}

#modalPager ul li a.disabled,
#modalPager ul li a.disabled:hover{
	cursor:	default;
	color:	#ccc;	
	text-decoration: none;	
}

#modalPager ul li a:hover,
.modalPager a:hover{
	text-decoration: underline;
}
	
#modalData div.column a{
	color:	#eb6b08;
}

#modalData div.column a:hover{
	text-decoration:	none;	
}

#modalData div.column small{
}

#modalData form label{
	clear:	left;
	float:	left;
	width:	70px;
	margin-bottom:	1em;
}

#modalData form input.text,
#modalData form textarea.text{
	float:		left;
	border:		1px solid #605D5C;
	margin-bottom:	1em;
	width:		180px;
}
	
#modalNavigation a{
	display:	block;
	height:		135px;
	padding-top:155px;
	padding-bottom:50px;
	width:		25px;
	color:		#fff;
	font-size:	4em;
	background:	#eb6b08;
	text-align:	center;
	text-decoration: none;
}

#modalNavigation a.disabled{
	cursor:	default;
	background: #dbe1e4;
}

#modalNavigation .next{
	position:	absolute;
	right:		-25px;
	top:		0;
}

#modalNavigation .previous{
	position:	absolute;
	left:		-25px;
	top:		0;
}