@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2008, 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.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media screen, projection
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  html{margin:0;}
  body {
	background-color:#fff/*#403E6D  #4A537B*/;
	text-align: center; 
	/*background-image: url(../../css/img/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;*/

		background-image: url(../../css/img/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
		background-color:#282E5F;
}


  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen  min-width: 740px;*/
  #page_margins {
  	text-align:left; margin: 0 auto;width:996px; min-width: 996px; max-width: 83em;
  	background-color:#282E5F;
	background-image: url(../../css/img/bg_head2.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
  }

  /*#page{ padding: 10px; }*/
  #page{
	width:996px;
  }

#u_header_bg{
	width:100%;
	height:100%;
	background-image: url(../../css/img/bg_head2.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;

}
/*--------------------------------------------*/
#u_header_bg.minim{
	background-position: -412px 0px;	
}

  
/*--------------------------------------------*/
  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */ 
  #header {
	height:242px;
	}
  #header #topnav {
	position:absolute;
	top:10px;
	left:22px;
	padding:10px;
	text-align:left;
  }
  #logo{position:absolute; left:700px; top:10px;}
  #u_topic_nav{position:relative; top:95px; left:30px; float:left;clear:both;}
 /* #u_topic_nav li{line-height:35px;}*/
 
  #kugelimg{position:absolute; left:0px; top:165px;}
  
  
  #main {position:relative;
   padding: 10px 20px 0px 20px;
   background-image: url(../img/bg_content4.gif);
   background-repeat: no-repeat;
   background-position: 29px 0px;
  }  
 
#footer {
  position: relative;
  height:124px;
}
.footer_bg {
  position: relative;
	background-image: url(../img/bg_footer.gif);
  background-repeat: no-repeat;
  background-position: left 30px;
	height:124px;
	 width:100%;
}
.footer_home{
  position: relative;
	top:-70px;
	background-image: url(../../img/titelstreifen_logo.jpg);
 	background-repeat: no-repeat;
  background-position: left 30px;
	height:124px;
	width:100%;

}
#u_footer_text {
  height:30px;
  position:absolute;
  width:100%;
  bottom:0px;
  background-color:#E4E5EC;
  font-size:10px;  
}
#u_footer_text p {margin:7px 10px;}


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

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  
  /* ---------- */
  .u_maintextarea{
  	min-height:290px;
			
  }
  * html .u_maintextarea{height:290px;}
  
  .u_maintextarea .subcl{
	  width:485px;
	  margin:25px 0 0 35px; padding:0; 
  }
  .u_disclaimer{
  	padding:35px 25px 35px 25px;
	background-image: url(../img/img_blanko_gr.jpg);
  	background-repeat: no-repeat;
  	background-position: left 0px;
	background-color:#f2f1f5;
	width:315px;  
  }
  .u_disclaimer_text{
  	margin-top:30px;
  }
  #infobox_1{position:absolute; width:180px; left:350px; top:370px;}
	
	
  .c38r{width: 39.28%/*width: 39.28% 376px*/;}
  .c62l{width: 60.72%/*width: 60.72% 580px*/; margin-top:40px;}
  
  #u_imagebox_holder{min-height:410px;}
  * html #u_imagebox_holder{height:410px;}
  
  #u_imagebox{ position:absolute;top:-82px; height:464px;}
  #u_imagebox img{position:absolute; bottom:0px;}
  
  #u_imagebox_one{ position:absolute;top:44px; height:454px;}
  #u_imagebox_510{ position:absolute;top:-12px; }
  
  #u_previewbox{height:140px; background-color:#EDEDF0; width:365px; padding:12px 0 2px 2px;}
  #u_previewbox1{height:70px; background-color:#EDEDF0; width:365px; padding:12px 0 2px 2px;}
  
  #u_previewbox div div, #u_previewbox1 div div{position:relative; float:left; width:60px; height:60px; padding:0px 0px 10px 10px;}
  #u_previewbox img, #u_previewbox1 img{position:absolute; width:58px; clip:rect(0px 60px 60px auto);border:1px solid #D5D3DD; background-color:#D5D3DD;}
  
  #u_previewbox p img, #u_previewbox1 p img{width:auto; height:auto; display:inline; padding-right:15px;background-color:transparent; border:none;}
  
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */


}