@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) IE-Patch stylesheet for YAML standard layout (3 columns without column dividers)
 * (de) IE-Korrektur-Stylesheet für das YAML Standard-Layout (3 Spalten ohne Spaltentrenner)
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 
 * JS : Der Versuch, alles wieder auf FLOAT umzustellen!
 
 */

/* Layout independent adjustments | Layout-unabhängige Anpassungen ----------------------------------- */
@import url(../../../../../typo3conf/ext/db_yamltv/template/yaml/core/iehacks.css);

/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */
@media screen
{

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

  	/**
   	* Bugfix for IE 3-Pixel-Jog Bug
   	*
   	* @bugfix
   	* @affected   IE 5.x/Win, IE6
   	* @css-for    IE 5.x/Win, IE6
   	* @valid      yes
   	*/

	html {height:100%;}
	body {height:100%; background-color: black;}
	


	/*img {float:left; height:100%; width:20px;} */
   	* {margin : 0; padding: 0;}
   	
   	* html #col3 {height: 1%; }
  	* html #col1 {margin-right: -3px;}
  	* html #col2 {margin-left: -3px;}
  	/* html #col3 { margin-left: 24%; margin-right: 0; }*/
  	
  	/*-----------------------------------------------------------------------------------------------------*/

  /**
   * (en) Simulate min-width / max-width for IE by using JS-Expressions
   * (de) Über JS-Expressions können die Eigenschaften min-width / max-width im IE simuliert werden
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      no
   */





  * html #page_margins {
  /* Fallback if no Javascript enabled */
  width: 800px;

  /* min-width & max-width width JS-Expressions */

  width: expression((document.documentElement && document.documentElement.clientHeight) ?
    (document.documentElement.clientWidth < 800) ? "800px" : (( document.documentElement.clientWidth > (80 * parseInt(document.documentElement.currentStyle.fontSize))) ? "80em" : "auto") :

    (document.body.clientWidth < 800) ? "800px" : (( document.body.clientWidth > (80 * parseInt(document.body.currentStyle.fontSize))) ? "80em" : "auto")
 ); 
  }
  /*-----------------------------------------------------------------------------------------------------*/
 a#submenu {display:none;}
 #page{position: absolute;
		width: 800px;
		left: 50%;
		top: 0px; 
		margin-left: -400px;
		}
 
 
   	
   	#teaser {display: _none;}
   	/*#main {position: absolute;}*/
  	#header {
  		height:80px; 
  		position:absolute; 
  		z-index:3; 
  		margin-top: -80px;
  		width:800px;
  		left: 50%;
  		margin-left: -400px;
  		}
  		
  		
  		.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: transparent
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
	
}

    
   	#header img.headImg1  {
   		position:absolute; 
   		top:80px; 
   		font-size:208%;
   		height:80px; 
   		width:800px; 
   	
   		}

	#image-rotator {
		position: fixed;
		margin:0;
		z-index:-2;
		left: 0;
		top: 0;
		width: 100%;
		height:100%;
		}
	
	#image-rotator .tool-bar {
		visibility:hidden; 
		text-align: center;
		}
	
	.tool-bar button {
		margin: 0.5em 0.5em 0 0;
		}
	
	#image-rotator img, #image-rotator canvas {
		z-index:-1;
		height:100%;
		}
		
		.rgsgcontent{height:100%}

	#overlay {
		z-index:0; 
	
		position: fixed;
		width: 800px;
		left: 50%;
		top: 0px; 
		margin-left: -400px;
	
		}
  	
  	#col1 {
  		width:200px;
  		position: relative;
		margin-left:-391px;
		} 
  		
  		#col1_content {
  			padding:0 0px 10px 10px; margin-right:3px;
  			}

  	#col3 {
  		margin:80px 0 0 209px;
  		width: 570px;
  		}
 		
 		#col3_content {
  			/*position: relative;*/ 
  			margin: 0; 
  		
  			height:100%;
  			padding:10px 0px 0 10px;
  			}
  					
			#newscontent {
				padding:10px;
				float:left; 
				width:245px;
				}
			.subcr, .subcl {
				margin: 0;
				padding: 0;
				}
  
  #footer {
  		z-index:10; 
  		position:relative;
  		font-size:80%; 
  		float:right;
		padding:9px 0px 10px 12px; 
	width:560px;
	    margin-top: 5pt;
   		color:#fff;
  		}
  		
  		/*macht den footer schmaler#footer .subcolumns {width:550px}*/	
		
	
	.myGallery{display:none;}


	#nav {
    	width: 100%;
    	overflow: hidden;
    	margin: 0 0 3px 0;
    	padding:8px 0 8px 0;
    	list-style-type: none;
    	font-size:90%;
   	
   		/*filter:alpha(opacity=60);opacity:0.6 */
  		}

	#submenu {
    	width: 100%;
    	overflow: hidden;
    	padding:8px 0 8px 0;
    	margin: 0 0 0em 0;
    	list-style-type: none;
    	font-size:83%;
    
    	/*filter:alpha(opacity=60);opacity:0.6;*/
    	}
    

 /* Zum Debuggen kann man hier die Container mit Farben unterlegen *
 #page{ background-color:white;} 
#col1 {background-color:yellow;}
#col3 {background-color: red;} 
#col3_content  {background-color: green;}
#newscontent  {background-color: lime;}
#footer {background-color:red;}
.subcl {background-color: blue;}
.subcr {background-color: fuchsia;}
   
/*--------------------------------------------------------------- */


  
}