/*=====================================================================
 *
 * Filename: layout.css
 * Website: www.domain.com
 * Author: Markus Baeck (Visualacting GmbH)
 * Date Created: 21/8/2008
 * Last Update: 22/8/2008
 * Media: Screen, Projection
 *
 * Description
 * -----------
 * layout website
 *
 *=====================================================================*/

@media screen, projection {
  .page-wrap {
  	position: relative;
    width: 950px;
    margin: 10px auto 0 auto;
    padding-bottom: 10px
  }
  .header {
  	z-index: 1;
  	position: relative;
  	height: 72px;
  	border: 1px solid #555;
  	border-bottom: none;
  }
  .companyLogo {
  	z-index: 2;
  	position: absolute;
  	right: 18px;
  	top: 6px;
  }
  .programm {
  	position: absolute;
  	left: 69px;
  	bottom: 0;
  }
  .page-content {
  	float: left;
  	width: 948px;
  	border: 1px solid #555;
  	border-top: none;
  	background: url(../images/seperator.gif) 191px 0 repeat-y;
  }
  .page-content-left {
  	position: relative;
  	border-top: 1px solid #636363;
	float: left;
  	width: 192px;
  	min-height: 585px;
  }
  .stream5Logo {
  	position: absolute;
  	left: 6px;
  	top: 6px;
  	background: red;
  }
  .page-content-right {
  	position: relative;
	float: left;
  	width: 756px;
  	min-height: 640px;
  	*height: 640px;
  	background: url(../images/logoBg.gif) 50% 60% no-repeat;
  }
  .titleDesc {
  	height: 26px;
  	border-top: 1px solid #636363;
  	border-bottom: 1px solid #636363;
  	background: #2f2f2f;
  }
  .titleDesc h2 {
  	font-size: 1.2em;
  	font-weight: normal;
  	line-height: 26px;
  	padding: 0 0 0 15px
  }
  .clips {
  	/*float: left;*/
  	
  }
  #clippanel 
  {	
  	float: left;
  	display: inline;
  	width: 713px;
  	padding: 15px 0 0 40px
  }
  * html #clippanel {padding-left:35px}
  .clipDetails {
  	float: left;
  	display: inline;
		/*width: 753px;*/
		padding: 15px 0 0 15px;
  }
  * html .clipDetails {padding-left:35px}
  .clipDetails .details-left {
  	float: left;
  	width: 333px;
  }
  .clipDetails .details-right {
  	float: left;
  	width: 403px;
  }
  .pageBrowser {
		clear: both;
		padding: 10px 0 0 0;
		margin-bottom: 25px
  }
  .copyright {
  	font-size: 1.1em;
  	text-align: right;
  	padding-top: 5px;
  	clear: left;
  }
}