/**
 *	real Corporate Film GmbH
 *
 *	CSS DEFAULT
 */

html { height:			100%; }

body
{
	height:				100%;
	width:				100%;
	color:				#000;
	font:				normal 12px/15px arial, helvetica, sans-serif;
	text-align:			center;
}

/*	a .fade + :hover siehe base.css */

strong
{
	font-weight:		bold;
}

input
{
	font:				normal 11px/15px arial, helvetica, sans-serif;
}

h1
{
	margin:				0 0 15px 0;
	padding:			0;
	font:				bold 18px/15px arial, helvetica, sans-serif;
}

h2, h3
{
	margin:				0 0 15px 0;
	padding:			0;
	font:				bold 12px/15px arial, helvetica, sans-serif;
}

h4
{
	font:				bold 12px/15px arial, helvetica, sans-serif;
	margin:				10px 0 15px 10px;
	padding:			0;
	height:				15px;
}

p
{
	margin:				0 0 15px 0;
}

.small
{
	font:normal 10px/15px arial, helvetica, sans-serif;
}

.fade
{
	color:				#000;
}

.show
{
	display:			block;
}

div
{
	font:				normal 12px/15px arial, helvetica, sans-serif;
	text-align:			left;
}

ul.text li
{
	margin:				0 0 15px 0;
}

/***************************************************************************
 *	AUSGEBLENDET
 */

div#profilX,
div#produkteX,
div#produkteX1X,
div#produkteX1X1X,
div#produkteX1X2X,
div#produkteX1X3X,
div#produkteX1X3X1X,
div#produkteX1X3X2X,
div#produkteX1X3X3X,
div#produkteX1X3X4X,
div#produkteX1X4X,
div#produkteX1X4X1X,
div#produkteX1X4X2X,
div#produkteX1X4X3X,
div#produkteX2X,
div#produkteX2X1X,
div#produkteX2X2X,
div#produkteX2X3X,
div#produkteX2X4X,
div#kontaktX
{
	display:			none;
}

/***************************************************************************
 *	EBENEN
 */

div#real
{
	width:				100%;
	min-height:			100%;
	height:				auto !important;
	margin:				0 auto -15px;
	padding:			0;
	text-align:			left;
}

div#corporate
{
	position: 			absolute;
	top:				50%;
	left:				50%;
	width:				1px;
	height:				1px;
}

div#film
{
	position:			absolute;
	top:				-300px;
	left:				-500px;
	width:				1000px;
	height:				600px;
	margin:				0; 
 	padding: 			0;
	z-index:			1;
}

div#slideshow
{
	margin:				0;
	width:				1000px;
	height:				600px;
	overflow:			hidden;
	z-index:			1;
}

div#slideshow img,
div#slideshow div,
div#slideshow div img
{
	margin:				0;
	padding:			0;
}

/***************************************************************************
 *	LOGIN
 */

div#login
{
	position:			absolute;
	top:				0;
	left:				0;
	width:				990px;
	height:				80px;
	background-color:	#fff;
	text-align:			right;
	z-index:			10;
}

div#login form
{
	margin:				0 5px 0 0;
	font:				normal 11px/15px arial, helvetica, sans-serif;
}

/***************************************************************************
 *	MENU
 */

div#menu
{
	position:			absolute;
	top:				90px;
	left:				0;
	width:				110px;
	height:				440px;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	LOGO
 */

div#logo
{
	position:			absolute;
	top:				88px;
	left:				925px;
	width:				66px;
	height:				20px;
/*	background:			url(../img/logo_real.png) no-repeat top right;
*/	z-index:			10;
}

/***************************************************************************
 *	MENU-LISTEN
 */

div#menu ul,
div#produkteX ul,
div#produkteX1X ul,
div#produkteX1X3X ul,
div#produkteX1X4X ul,
div#produkteX2X ul
{
	margin:				10px 0 0 0;
}

div#menu ul li,
div#produkteX ul li,
div#produkteX1X ul li,
div#produkteX1X3X ul li,
div#produkteX1X4X ul li,
div#produkteX2X ul li
{
	margin:				0;
	height:				30px;
	font-weight:		bold;
}

div#menu ul li a,
div#produkteX ul li a,
div#produkteX1X ul li a,
div#produkteX1X3X ul li a,
div#produkteX1X4X ul li a,
div#produkteX2X ul li a
{
	display:			block;
	padding:			0 0 0 10px;
}

/***************************************************************************
 *	TEXTE
 */

div#profilX div,
div#produkteX1X1X div,
div#produkteX1X2X div,
div#produkteX1X3X1X div,
div#produkteX1X3X2X div,
div#produkteX1X3X3X div,
div#produkteX1X4X1X div,
div#produkteX2X1X div,
div#produkteX2X3X div,
div#produkteX2X4X div,
div#kontaktX div
{
	margin:				10px 12px 10px 10px;
	padding:			0;
}

/***************************************************************************
 *	VIDEO : NUR REFERENZEN
 *

div#produkteX1X4X2X div,
div#produkteX1X4X3X div,
div#produkteX2X2X div

 */

div#produkteX1X3X4X div
{
	margin:				10px 12px 10px 10px;
	padding:			0;
}

/***************************************************************************
 *	PROFIL
 */

div#profilX
{
	position:			absolute;
	top:				120px;
	left:				120px;
	width:				300px;
	height:				410px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	SERVICES
 */

div#produkteX
{
	position:			absolute;
	top:				150px;
	left:				120px;
	width:				110px;
	height:				380px;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	REALCORPORATE
 */

div#produkteX1X
{
	position:			absolute;
	top:				150px;
	left:				240px;
	width:				110px;
	height:				380px;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	CORPORATE FILM
 */

div#produkteX1X1X
{
	position:			absolute;
	top:				150px;
	left:				360px;
	width:				290px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	MODULE
 */

div#produkteX1X2X
{
	position:			absolute;
	top:				150px;
	left:				360px;
	width:				520px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	METHODIK
 */

div#produkteX1X3X
{
	position:			absolute;
	top:				150px;
	left:				360px;
	width:				100px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	1st STEP
 */

div#produkteX1X3X1X
{
	position:			absolute;
	top:				150px;
	left:				470px;
	width:				350px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	2st STEP
 */

div#produkteX1X3X2X
{
	position:			absolute;
	top:				150px;
	left:				470px;
	width:				240px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	3st STEP
 */

div#produkteX1X3X3X
{
	position:			absolute;
	top:				150px;
	left:				470px;
	width:				350px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	REFERENZEN
 */

div#produkteX1X3X4X
{
	position:			absolute;
	top:				150px;
	left:				470px;
	width:				250px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/*	REFERENZEN FILM-LISTE */

div#produkteX1X3X4X ul
{
	margin:				16px 0 0 0;
}

div#produkteX1X3X4X ul li a#produkteX1X3X4Xaxpo,
div#produkteX1X3X4X ul li a#produkteX1X3X4Xerdgas,
div#produkteX1X3X4X ul li a#produkteX1X3X4Xeth,
div#produkteX1X3X4X ul li a#produkteX1X3X4Xjuliusbaer,
div#produkteX1X3X4X ul li a#produkteX1X3X4Xpostlogistics,
div#produkteX1X3X4X ul li a#produkteX1X3X4Xswiss
{
	font-weight:		bold;
}

div#produkteX1X3X4X ul li ul#produkteX1X3X4XaxpoX,
div#produkteX1X3X4X ul li ul#produkteX1X3X4XerdgasX,
div#produkteX1X3X4X ul li ul#produkteX1X3X4XethX,
div#produkteX1X3X4X ul li ul#produkteX1X3X4XjuliusbaerX,
div#produkteX1X3X4X ul li ul#produkteX1X3X4XpostlogisticsX,
div#produkteX1X3X4X ul li ul#produkteX1X3X4XswissX
{
	display:			none;
	margin:				0 0 16px 0;
	font-weight:		normal;
}

/*	REFERENZEN FILME */

div#produkteX1X3X4XaxpoXfilm1X,
div#produkteX1X3X4XerdgasXfilm1X,
div#produkteX1X3X4XerdgasXfilm2X,
div#produkteX1X3X4XerdgasXfilm3X,
div#produkteX1X3X4XerdgasXfilm4X,
div#produkteX1X3X4XerdgasXfilm5X,
div#produkteX1X3X4XethXfilm1X,
div#produkteX1X3X4XethXfilm2X,
div#produkteX1X3X4XjuliusbaerXfilm1X,
div#produkteX1X3X4XpostlogisticsXfilm1X,
div#produkteX1X3X4XswissXfilm1X
{
	position:			absolute;
	top:				150px;
	left:				470px;
	width:				520px;
	height:				380px;
	background-color:	#fff;
	z-index:			11;
	display:			none;
}

/*	CLOSE */

h4 span
{
	font-weight:		normal;
}

div#produkteX1X3X4XaxpoXfilm1X h4 span.filmclose,
div#produkteX1X3X4XerdgasXfilm1X h4 span.filmclose,
div#produkteX1X3X4XerdgasXfilm2X h4 span.filmclose,
div#produkteX1X3X4XerdgasXfilm3X h4 span.filmclose,
div#produkteX1X3X4XerdgasXfilm4X h4 span.filmclose,
div#produkteX1X3X4XerdgasXfilm5X h4 span.filmclose,
div#produkteX1X3X4XethXfilm1X h4 span.filmclose,
div#produkteX1X3X4XethXfilm2X h4 span.filmclose,
div#produkteX1X3X4XjuliusbaerXfilm1X h4 span.filmclose,
div#produkteX1X3X4XpostlogisticsXfilm1X h4 span.filmclose,
div#produkteX1X3X4XswissXfilm1X h4 span.filmclose
{
	position:			absolute;
	top:				10px;
	left:				460px;
	width:				50px;
	text-align:			right;
}

div.filmclose a
{
	display:			inline;
}

div.ref_film
{
	text-align:			right;
}

/***************************************************************************
 *	TOOL
 */

div#produkteX1X4X
{
	position:			absolute;
	top:				150px;
	left:				360px;
	width:				110px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	BESCHRIEB
 */

div#produkteX1X4X1X
{
	position:			absolute;
	top:				150px;
	left:				480px;
	width:				350px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	DEMO LIGHT BOX
 */

div#produkteX1X4X2X
{
	position:			absolute;
	top:				150px;
	left:				240px;
	width:				750px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	DEMO EDIT BOX
 */

div#produkteX1X4X3X
{
	position:			absolute;
	top:				150px;
	left:				240px;
	width:				750px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			11;
}

div#produkteX1X4X2X h4,
div#produkteX1X4X3X h4
{
	margin:				10px 0 0 10px;
}

div#produkteX1X4X2X h4 span.filmclose,
div#produkteX1X4X3X h4 span.filmclose
{
	position:			absolute;
	top:				10px;
	left:				690px;
	width:				50px;
	text-align:			right;
}

div#produkteX1X4X2Xcont,
div#produkteX1X4X3Xcont
{
	margin:				15px 0 0 0;
}

/***************************************************************************
 *	REAL SHOWREEL
 */

div#produkteX2X
{
	position:			absolute;
	top:				150px;
	left:				240px;
	width:				150px;
	height:				380px;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	SHOWREEL BESCHRIEB
 */

div#produkteX2X1X
{
	position:			absolute;
	top:				150px;
	left:				400px;
	width:				290px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	SHOWREEL DEMO
 */

div#produkteX2X2X
{
	position:			absolute;
	top:				150px;
/*	left:				240px;
	width:				750px;
*/
	left:				400px;
	width:				590px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			11;
}

div#produkteX2X2X h4
{
	display:			none;
	margin:				10px 0 0 10px;
}

div#produkteX2X2X h4 span.filmclose
{
	display:			none;
	position:			absolute;
	top:				10px;
	left:				690px;
	width:				50px;
	text-align:			right;
}

div#produkteX2X2Xcont
{
	width:				590px;
	height:				338px;
	margin:				10px 0 0 0;
}

/***************************************************************************
 *	SHOWREEL KONDITIONEN
 */

div#produkteX2X3X
{
	position:			absolute;
	top:				150px;
	left:				400px;
	width:				290px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	SHOWREEL EINRICHTEN + KONTAKT
 */

div#produkteX2X4X
{
	position:			absolute;
	top:				150px;
	left:				400px;
	width:				290px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	KONTAKT
 */

div#kontaktX
{
	position:			absolute;
	top:				180px;
	left:				120px;
	width:				580px;
	height:				350px;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	z-index:			10;
}

/***************************************************************************
 *	ANSCHRIFT
 */

div#anschrift
{
	position:			absolute;
	top:				580px;
	left:				0;
	width:				990px;
	height:				20px;
	margin:				0;
	padding:			0;
	color:				#000;
	text-align:			right;
	z-index:			10;
}

div#anschrift a
{
	color:				#000;
}

/***************************************************************************
 *	PUSHER
 */

div#platzhalter
{
	clear:				both;
	margin:				0;
	padding:			0;
	height:				600px;
}

/***************************************************************************
 *	FUSS
 */

div#uffizi
{
	clear:				both;
	margin:				0 6px 0 auto;
	padding:			0;
	text-align:			right;
}