/* *** Stylesheet for www.kino-im-kasten.de *** */
/* ************ created by COeins ************* */
/* *********** all rights reserved ************ */

/* *** Basic alignments *** */

	*
	{
		padding:0px;
		margin:0px;
	}

	div
	{
		position:relative;
	}
	
	p, h1, h2, h3, li, td, th, a, a:visited, pre
	{
		color: #cccccc;
		line-height:1.3em;
	}
	
  #inner p, h2, h3, #inner ul, ol, table
	{
		margin-bottom: 10px;
	}
	
	ul, ol
	{
	 padding-left: 20px;
	}
	
/* *** Site Layout ''' */
	body
	{
		margin:0px;
		padding:0px;
		font-family:Trebuchet,Trebuchet MS,Helvetica,Arial,Liberation Sans,sans-serif;
		font-size: 0.9em;
		background:#550000 url('/public/themes/kik30/dotbg1.png') left top repeat-x;
		color: #cccccc;
	}

	body.solo
	{
		background:#333333;
	}

	#outer
	{
		position: relative;
		margin-top:5px;
		padding-top:0px;
		margin: 0 auto;
		width: 950px;
	}

	#navwrap
	{
		z-index: 10;
	}
	
	#navsh
	{
		background: url('/public/themes/kik30/sh_nav.png') 1px 1px no-repeat;
		width: 959px;
		height: 47px;
	}
	
	#nav
	{
		position:static;
		height: 38px;
		float:left;
		width: 950px;
		color: #999999;
		background:#333333 url('/public/themes/kik30/navsprite.png') left top repeat-x;
	}
	
	#nav ul
	{
		float: left;
		border-right: 1px solid #999999;
	}
	
	#nav li 
	{
		height: 28px;
		font-weight:bold;
		float: left;
		list-style: none;
		padding: 10px 20px 0 20px;
		border-left: 1px solid #999999;
  }
  
  #nav a
  {
		display:block;
		margin: -10px -20px 0 -20px;
		padding: 10px 20px;
		color: #cccccc;
		text-decoration: none;
  }
  
  #nav a:hover, #nav a:focus
  {
  	color: #ffffff;
  	background: #444444 url('/public/themes/kik30/navsprite.png') left -20px repeat-x;
  }
  
  #nav a.current
  {
  	color: #ffffff;
  	background: #4A1E1E url('/public/themes/kik30/navsprite.png') left -80px repeat-x;
  }
  
  #nav a.current:hover, #nav a.current:focus
  {
  	color: #ffffff;
  	background: #4A1E1E url('/public/themes/kik30/navsprite.png') left -100px repeat-x;
  }
  
  #nav a img
  {
		border:0;
		vertical-align:top;
		margin-bottom:-20px;
  }
  
  #nav li .navimg
  {
		font-weight:normal;
		display:block;
		position: absolute;
		background:left top repeat-y;
		top:-242px;
		left:0px;
		margin: 0 10px 0 10px;
		width: 930px;
		height: 280px;
		z-index: -10;
		-webkit-transition: top .25s ease;
		-moz-transition: top .25s ease;
		-o-transition: top .25s ease;
 	  transition: top .25s ease;
  }
  
  #nav li:hover .navimg
  {
		top:38px;
		display:block;
		-webkit-transition: top .25s ease .25;
		-moz-transition: top .25s ease .25;
		-o-transition: top .25s ease .25;
 	  transition: top .25s ease .25;
  }
  
  #nav li:hover .navimg:hover
  {
		top:-242px;
		-webkit-transition: top .25s ease;
		-moz-transition: top .25s ease;
		-o-transition: top .25s ease;
 	  transition: top .25s ease;
  }
  
  #nav .navimg p
  {
		display: block;
		margin: -5px 20px 0 20px;
		padding: 15px 5px 5px 5px;
		width: 500px;
		
		background: #444444;
		background: rgba(51, 51, 51, .85);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
  }
  
  #imagesh
  {
		width: 949px;
		background:url('/public/themes/kik30/sh_image.png') right top repeat-y;
		z-index: 5;
  }
  
	#imgarea
	{
		margin:-9px 10px 0 10px;
		width: 930px;
		height: 280px;
		background:#444444;
	}
	
	#imgarea img
	{
		width: 930px;
		height: 280px;
	}
	
	#imglogo
	{
		position: absolute;
		top:55px;
		left:630px;
		width:300px;
		height:62px;
		z-index:20;
	}
	
	#headsh
	{
		width:959px;
		background:url('/public/themes/kik30/sh_head.png') right 100px no-repeat;
		z-index:10;
	}
	
	#heading
	{
		margin-top: -99px;
		padding: 60px 360px 0 20px;
		min-height: 49px;
		background:url('/public/themes/kik30/slide.png') left top no-repeat;
	}
		
	#innersh
	{
		width:950px;
		padding-right:9px;
		background:url('/public/themes/kik30/sh_inner.png') right top repeat-y;
	}

	#inner
	{
		padding: 5px 0px 5px 20px;
		margin-bottom:0;
		background-color: #333333;
	}

	#content
	{
		width: 570px;
		float: left;
	}

	body.solo #content
	{
                margin: 10px 0px;
		width: 480px;
	}
	
	#content p
	{
		text-align:justify;
	}
	
	#sidewrap

	{
		float: right;
	}
	
	#sidebar
	{
		width: 280px;
		margin-top: 2px;
		margin-right: 20px;
		padding: 15px 20px;
		background-color: #444444;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#belowsidebar
	{
		width: 280px;
		margin-top: 2px;
		margin-right: 20px;
		padding: 15px 20px;
		text-align:center;
	}
	
	#bottomline
	{	
		padding-top: 20px; 
		color: #333333;
		font-size: 70%;
		text-align: center;
		clear:both;
	}
	
	#bottomline p
	{
		margin: 0;
	}
	
	#bottomsh
	{
		width:959px;
		height:15px;
		background:url('/public/themes/kik30/sh_bottom.png') right top no-repeat;
	}
	
	/*** Various Formats ***/
	#inner a
	{
		text-decoration:none;
		border-bottom: 1px dotted #cccccc;
	}
		
	#inner a:visited
	{
		border-bottom: 1px solid #cccccc;
	}
	
	#inner a:hover, #inner a:focus
	{
		color: #ffffff;
  	background: #4c4c4c;
		background: rgba(255, 255, 255, .081);
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	#inner table
	{
		padding: 0;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#inner th
	{
		text-align: left;
		padding: 2px 10px 2px 10px;
		background: #555555;
		background: rgba(255, 255, 255, .162);
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#inner td
	{
		padding: 2px 10px 2px 10px;
		background: #444444;
		background: rgba(255, 255, 255, .081);
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#inner tr:nth-child(odd) td
	{
		background: #4c4c4c;
		background: rgba(255, 255, 255, .1215);
	}
	
	.strike
	{
		text-decoration:line-through;
	}
	
	/** Site-specific Formats **/
	
	table.index
	{
	 width:100%;
	}
	
	table.index td
	{
		width:50%;
		vertical-align:top;
	}
	
	table.index div.pic
	{
		float:right;
	}
	
	table.index div.text
	{
		xx-float:right;
	}
	
	#content table.index p
	{
		text-align:left;
	}
	
	table.index img
	{
		xx-margin: 5px 10px 5px 0;
		margin: 14px 0 12px 10px;
		width:80px;
		height:120px;
		xx-float:left;
	}
	
	table.program, table.details
	{
		width:100%;
	}
	
	table.program td.pic
	{
		width:18%;
		text-align:center;
	}
	
	table.program td.pic img
	{
		margin-top: 5px;
		width:80px;
		height:120px;
	}
	
	table.program td.movie
	{
		width:48%;
	}
	
	table.program td.dates
	{
		width:32%;
	}
	
	.subline
	{
		font-style:italic;
		font-size:.8em;
	}
	
	table.details td.pic
	{
		width: 220px;
		text-align:center;
	}
	
	table.details td.pic img
	{
		margin-top: 5px;
		width:212px;
		height:300px;
	}

	#inner table.program .pic a,
	#inner table.program .pic a:hover,
	#inner table.program .pic a:focus,
	table.program a img,
	#inner table.index .pic a,
	#inner table.index .pic a:hover,
	#inner table.index .pic a:focus,
	table.index a img
	{
		border: 0;
	}
	
	#inner .social
	{
		list-style-type:none;
		padding: 0;
	}
	
	#inner .social li
	{
		padding-bottom: 7px;
		padding-right: 5px;
		float: left;
	}
	
	#inner .social a
	{
		text-decoration:none;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-weight:bold;
		font-size:.8em;
		padding: 2px 3px 0px 3px;
		border: 1px solid #aaaaaa;
		color:#cccccc;
		background-color:#666666;
	}

	#inner .social a:hover, #inner .social a:focus
	{
		border: 1px solid #cccccc;
		color:#ffffff;
	}
	
	#inner .social img
	{
		border:0;
		vertical-align:-1px;
	}
	
  input, textarea, button
  {
		border: 1px solid #777777;
		background: #555555;
		color: #cccccc;
		margin: 5px 0 5px 0;
		padding: 3px;
  }
  
  input[type="submit"]:hover, input[type="button"]:hover, button:hover
  {
		background: #666666;
  }

  input.cta
  {
		border: 1px solid #cc9999;
		background: #660000;
		color: #cccccc;
		margin: 5px 0 5px 0;
		padding: 5px;
  }

  input.cta:hover
  {
		background: #990000;
  }
/*
     FILE ARCHIVED ON 10:18:54 Mar 31, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:28:40 Sep 01, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 150.494
  exclusion.robots: 0.136
  exclusion.robots.policy: 0.121
  cdx.remote: 0.132
  esindex: 0.019
  LoadShardBlock: 122.492 (3)
  PetaboxLoader3.datanode: 219.868 (5)
  load_resource: 266.963 (2)
  PetaboxLoader3.resolve: 136.956 (2)
*/