@charset "UTF-8";
/**
 * "(X)HTML/CSS 
 *
 * Screen layout
 * 
 *
 * @copyright       Copyright 2005-2010, Andreas Büllesbach
 * 
 * @link            http://www.todo
 *          
 * @version         0.0.1
 * @lastmodified    
 */

@media all
{
	*
	{
		margin: 0;
		padding: 0;
	}
	
	/*	try if IE6 problems: */
	
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	.clearfix{clear:both;display:block}
	* html body *{overflow:visible}
	* html iframe,* html frame{overflow:auto}
	* html frameset{overflow:hidden}  
			
	html
	{
		/*overflow-y:scroll;*/
		
		scrollbar-arrow-color: #92896b;
		scrollbar-base-color: #c1bba5;   
		scrollbar-shadow-color: #000;		
		font-size: 100.01%
		overflow:hidden;
	}
	
	body
	{
		min-height:101%;
		
		
		background: #fff;
		/* color: #c1bba5; */
		color: #fff;
		/* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
		text-align: center; 
		overflow:hidden;
		
	} 
	
	/* body-classes */
	
	.body_start {
		background: #000000;
		color:#fff;
	}
	.body_default {
		/* class für unterschiedliche #page-Definitionen  .body_default #page*/
	}
	
	 
	 
	/* Seite horizontal mittig platziert; 846 Pixel breit */
	 
	#page {
		width: 937px;  /* !!Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
		margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		height:100%;  /* +99 +20 (vgl. padding-top/bottom #main_cont)  = Gesamthöhe 652px!  */
		background-color: transparent;
		
	 }
	  
	 .body_default #page  {
		background-image: url(../images/page_bg.jpg);
		background-repeat:none;
		
		
		
	 }
  
	  #main {	  	
	  	padding-left:20px;
	  	padding-right:20px; 
	  	padding-top:30px;
	  	padding-bottom:20px;
	  	height:652px;
	  }
	  
	/* Startseite Logo horizonal und vertikal zentrieren */
	
	
	
	#logo_center{	  	
	  	position:absolute;
		top:163px;
		left:50%;
		/* margin-top:163px; */
		margin-left:-419px;
		width: 838px;
		height: 340px;		
	 }
	  
	#impressum_logo_center {
	  	position:absolute;
		top:55px;
		left:50%;
		
		margin-left:-111px;
		width: 222px;
		height: 154px;
	}

	 /* Startseite Link Impressum  horizonal und vertikal Logo-bezogen zentrieren */
	 #start_center {	 	
	 	position:absolute;
		bottom:20px;
		left:50%;
		margin-left:-419px;
		width: 838px;
		text-align: center; 			
	 }
 	
 	#impressum_center{
 		
 		position:absolute;
		top:205px;   /*  */
		left:50%;
		margin-left:-50%;
		width: 100%;
		text-align: center; 
		
		
 	}
	
  	/* Barseiten common */
  
  	
  	
  
 	#left_col {
 		/* Logo Menu Container */
 		float:left;
 		width: 316px;  //262 +54 = 316
		
 	}
 	
 	#main_col {
 		float:left;
 		width: 539px;  // 448 +91 =539  // (insgesamt + 37)
		
 	
 	}
  
	#main_cont {
		
		position:relative;
		top:-20px; /* per jquery animiert -20px */
		left:0px;	
	
		padding-top:43px;  /* 99*/
		padding-left:44px;
		padding-right:10px;
		padding-bottom:20px;
		
		color:white;
		width:484px;  /* = 539 -(44+10 ) */
		height:0px;  /* per jquery animiert 0px */
		
		/*background-color:#92896b;*/
		
		background-image: url(../images/content_bg.png);
  		background-repeat: no-repeat;
			
		
	}	
	
	#fl_txt {
		padding-right:45px;
		margin-top:100px;
		text-align: justify;
		/*
		min-height:400px;
		height:400px; */
	}
	#fl_txt_scroll {
	
		padding-right:45px;
		/*
		min-height:400px;
		height:400px; */
	}
 
 	/* jquery scrollbar Content Container */
	.scroll-pane
	{
		
		width: 100%;
		height: 357px; /* Container=533 - 20 = 513 - vgl. margin-top jScrollPane 100px; = 413 */
		
		overflow: auto;
	}
   .horizontal-only
	{
		height: auto;
		max-height: 357px; /* Container=533 - 20 = 513 - vgl. margin-top jScrollPane 100px; = 413 */
	}
 
 	
	/* bar PROGRAMM */
	.programm_line {
		
		font-size: 13px;
		
		padding-bottom:20px;
	}
	.programm_lft_col {
		width:150px;
		float:left;
		padding-right:10px;
		
	
	}
	.programm_rght_col {
		width:250px;
		float:left;
		
		
	}
	.prog_date {
		float:left;
		width:90px;
	
	}
	.prog_uhrzeit {
		float:left;
		width:60px;
	}
	/* bar Contact */
	.bar_contact_block {
		margin-top:30px;
	}
	
	#bar_contact_block_1 {
		margin-top:12px;
	}
	#bar_contact_block_11 {
		margin-top:10px;
	}
	#bar_contact_block_2 {
	
		margin-top:40px;
	}
	#bar_contact_block_3 {
	
		margin-top:19px;
	}
	#bar_contact_block_4 {
		margin-top:10px;
	
	}
	
	/* bar Impressum Blöcke*/
	
	#impressum_block_1 {
		margin-top:40px;
	}
	#impressum_block_2 {
		margin-top:20px;
	}
	#impressum_block_3 {
		margin-top:20px;
	}
	#impressum_block_4 {
		margin-top:21px;
	}
	#impressum_block_5 {
		margin-top:77px;
	}
	
}