/* popup.css */





body		

		{

		height: 100%;

		margin: 0 auto;

		padding: 0;

		background-color: #5988BD;

		background-image: url(../picts/bg_popup.jpg);

		background-repeat: repeat-x;

		font-family: Verdana, Arial, Helvetica, sans-serif;

		font-size: 100.01%;

		color: #000000;

		}



/*----------------------------------------------------------*/



#popupwrapper 	

		{

    		position: relative;

    		min-height: 100%;

		width: 100%;

    		text-align: left;

		margin: 0 auto;

		font-size: 0.8em;

		}



/* IE Fix: Der IE interpretiert height als min-height */

* html #wrapper {

    		height: 100%;

		}



/*----------------------------------------------------------*/



#popupheader 	

		{

		display: none;

		margin: 0 auto;

		padding: 0 0 0 0;

		width: 100%;

		position: relative;

 		height: 90px;

		}



#popupheaderleft		

		{ 

		float: left;

		display: inline;

		position: relative;

		margin: 0 0 0 0;

		}



#popupheaderright

		{

		float: right;

		display: inline;

		text-align: right;

		position: relative;

		margin: 0 0 0 0;

		padding: 0 0 0 0;

		}



/*----------------------------------------------------------*/



#popuptopnavigation

		{

		display: none;

		margin: 0 auto;

		text-align: center;

		height: 29px;

		width: 100%;

		color: inherit;

		background-image: url(../picts/bg_topnavigation.gif);

		}



/*----------------------------------------------------------*/



.synopsis 

		{

		position: relative;

		margin: 0 auto;

		margin-top: 20px;

		width: 640px;

		}



.synopsisleft		

		{ 

		float: left;

		width: 162px;

		display: inline;

		position: relative;

		margin: 0 0 0 0;

		}



.synopsisright

		{

		float: right;

		display: inline;

		position: relative;

		margin: 0 0 0 0;

		padding: 0 0 0 20px;

		width: 458px;

		}



/*----------------------------------------------------------*/



.video

		{

		display: none;

		position: relative;

		text-align: center;

		margin: 20px 0 0 0;

		padding: 0 0 0 0;

		width: 408px; 

 		}



/*----------------------------------------------------------*/



.sep

		{

		clear: both;

		position: relative;

		margin: 0 0 0 0;

		padding: 0 0 0 0;

		width: 458px; 

 		height: 21px;

		background-image: url(../picts/sep.gif);

		}



/*----------------------------------------------------------*/



.synnavheader

		{

		display: none;

		position: relative;

		margin: 20px 0 0 0;

		padding: 0 0 0 0; 

 		width: 162px;

		height: 22px;

		background-image: url(../picts/bg_synnavheader.jpg);

		background-repeat: no-repeat;

		}



/*----------------------------------------------------------*/



.synnavbottom

		{

		display: none;

		position: relative;

		margin: 0 0 0 0;

		padding: 0 0 0 0; 

 		width: 162px;

		height: 22px;

		background-image: url(../picts/bg_synnavbottom.jpg);

		background-repeat: no-repeat;

		}



/*----------------------------------------------------------*/



.synnavbox

		{

		display: none;

		position: relative;

		margin: 0 0 0 0;

		padding: 0 0 0 0; 

 		width: 162px;

		height: 38px;

		}



/*----------------------------------------------------------*/



a.synopsis 	

		{

		display: block;

		width: 97px;

		height: 28px;

		margin: 0 0 0 0;

		font-weight: bold;

		color: #FFFFFF;

		padding: 10px 0 0 65px;

		text-decoration: none;

		background-image: url(../picts/bg_synopsis_off.gif);

		background-repeat: no-repeat;

		}



a.synopsis:hover		

		{

		background-image: url(../picts/bg_synopsis_on.gif);

		background-repeat: no-repeat;

		text-decoration: none;

		color: #FFFFFF;

		color: inherit;

		}



.activesynopsis

		{

		display: block;

		width: 97px;

		height: 28px;

		margin: 0 0 0 0;

		font-weight: bold;

		color: #FFFFFF;

		padding: 10px 0 0 65px;

		text-decoration: none;

		background-image: url(../picts/bg_synopsis_on.gif);

		background-repeat: no-repeat;

		}



/*----------------------------------------------------------*/



a.print 	

		{

		display: block;

		width: 97px;

		height: 28px;

		margin: 0 0 0 0;

		font-weight: bold;

		color: #FFFFFF;

		padding: 10px 0 0 65px;

		text-decoration: none;

		background-image: url(../picts/bg_print_off.gif);

		background-repeat: no-repeat;

		}



a.print:hover		

		{

		background-image: url(../picts/bg_print_on.gif);

		background-repeat: no-repeat;

		text-decoration: none;

		color: #FFFFFF;

		color: inherit;

		}



/*----------------------------------------------------------*/



a.contact 	

		{

		display: block;

		width: 97px;

		height: 28px;

		margin: 0 0 0 0;

		font-weight: bold;

		color: #FFFFFF;

		padding: 10px 0 0 65px;

		text-decoration: none;

		background-image: url(../picts/bg_contact_off.gif);

		background-repeat: no-repeat;

		}



a.contact:hover		

		{

		background-image: url(../picts/bg_contact_on.gif);

		background-repeat: no-repeat;

		text-decoration: none;

		color: inherit;

		}



.activecontact

		{

		display: block;

		width: 97px;

		height: 28px;

		margin: 0 0 0 0;

		font-weight: bold;

		color: #FFFFFF;

		padding: 10px 0 0 65px;

		text-decoration: none;

		background-image: url(../picts/bg_contact_on.gif);

		background-repeat: no-repeat;

		}



/*----------------------------------------------------------*/



a.trailer 	

		{

		display: block;

		width: 97px;

		height: 28px;

		margin: 0 0 0 0;

		font-weight: bold;

		color: #FFFFFF;

		padding: 10px 0 0 65px;

		text-decoration: none;

		background-image: url(../picts/bg_trailer_off.gif);

		background-repeat: no-repeat;

		}



a.trailer:hover		

		{

		background-image: url(../picts/bg_trailer_on.gif);

		background-repeat: no-repeat;

		text-decoration: none;

		color: inherit;

		}



.activetrailer

		{

		display: block;

		width: 97px;

		height: 28px;

		margin: 0 0 0 0;

		font-weight: bold;

		color: #FFFFFF;

		padding: 10px 0 0 65px;

		text-decoration: none;

		background-image: url(../picts/bg_trailer_on.gif);

		background-repeat: no-repeat;

		}



/*----------------------------------------------------------*/



a.close 	

		{

		display: block;

		width: 97px;

		height: 28px;

		margin: 0 0 0 0;

		font-weight: bold;

		color: #FFFFFF;

		padding: 10px 0 0 65px;

		text-decoration: none;

		background-image: url(../picts/bg_close_off.gif);

		background-repeat: no-repeat;

		}



a.close:hover		

		{

		background-image: url(../picts/bg_close_on.gif);

		background-repeat: no-repeat;

		text-decoration: none;

		color: #FFFFFF;

		color: inherit;

		}



/*----------------------------------------------------------*/



a.popup 		

		{

		text-decoration: none;

		color: #90C53D;

		font-weight: bold;

		background-color: inherit;

		}



/*----------------------------------------------------------*/

a.popup:hover 	

		{

		text-decoration: underline;

		color: #90C53D;

		font-weight: bold;

		background-color: inherit;

		}



/*----------------------------------------------------------*/



.credits

		{

		clear: both;

		position: relative;

		margin: 0 0 0 0;

		width: 408px;

		}



.creditsleft		

		{ 

		float: left; 

 		position: relative;

		font-weight: bold;

		margin: 0 0 0 0;

		width: 150px;

		}



.creditsright

		{

		float: right;

		position: relative;

		margin: 0 0 0 0;

		padding: 0 0 0 0;

		width: 258px;

		}



/*----------------------------------------------------------*/



.contacttwo

		{

		position: relative;

		margin: 0 0 0 0; 

 		width: 408px;

		min-height: 97px;

		}



.contacttwoleft		

		{ 

		float: left; 

 		display: inline; 

 		position: relative;

		margin: 0 0 0 0; 

		width: 75px;

		min-height: 97px;

		}



.contacttworight

		{

		float: right;

		display: inline;

		position: relative;

		margin: 0 0 0 20px;

		padding: 5px 0 0 0;

		width: 313px;

		min-height: 92px;

		}



/*----------------------------------------------------------*/



h1 		

		{

    		margin: 0 0 10px 0;

    		padding: 0 0 0 0;

		font-weight: bold;

		font-size: 1.1em;

		color: #000000;

		font-family: Verdana, Arial, Helvetica, sans-serif; 

		}



/*----------------------------------------------------------*/



hr

		{

		clear: both;

		margin: 10px 0 10px 0;

		background-color: #FFFFFF; /* Mozilla 1.4 */

  		color: #FFFFFF; /* IE 6 */

  		border: #FFFFFF; /* Opera 7.11 */

  		height: 1px;

		}



/*----------------------------------------------------------*/



.clearfix:after 

		{

 		content: "."; 

 		display: block; 

		height: 0; 

 		clear: both; 

 		visibility: hidden;

 		}



/*----------------------------------------------------------*/ 

.clearfix

		{

		display: inline-table;

		}



/*----------------------------------------------------------*/



/* Hides from IE-mac \*/



* html .clearfix

		{

		height: 1%;

		}



.clearfix	{

		display: block;

		}



/* End hide from IE-mac */