@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-2010, 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.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

  @import url(parts/col3.box.css);
  @import url(parts/col3.box.boxWork.css);
  @import url(parts/col3.box.boxWorkcatmenu.css);
  @import url(parts/col3.box.boxEvents.css);
  @import url(parts/col3.box.boxQuicksearch.css);
  
   @import url(parts/indexed_search.css);

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y:scroll; }

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

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

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background: #000; }

  /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
  .page_margins {  width: 1000px; margin: 0 auto;    }
  .page{  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header {  }
  #topnav {  }

  #main { top: 282px; position: relative; }

  #footer { display: none; }

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

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

  #col1 { 
    width: 630px;
    min-height: 450px;
    position: absolute;
  }
  
  #col1_content {  }

  #col3 { 
    min-height: 450px;
    margin-left:630px;
    margin-right:0; 
    border: 1px solid #2c282c;
    border-top: none;
    background: url(../../images/bg/col3_right.png) repeat; 
  }
  
  #col3_content { 
    padding: 40px 10px; 
  }


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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  #bgimage {
    top: 0;
    height: 750px;
    background-position: center;
  }
  
  #header_image_link {
    position: absolute;
    top: 40px;
    margin-left: 600px;
    width: 400px;
    height: 80px;
    display: block;
  }  
  
  #header #homelink {
    position: absolute;
  }
  
  #header #homelink a {	
    display: block;
	  width: 550px;
	  height: 165px;
  }
  
  #header #homelink a span {
    display: none;
  }
  
  
  #col1 #tv_content {
    padding: 40px 20px 20px 20px;
  }

  #socialicons .boxcontent {
    text-align: center;
  }	
	
  #socialicons img {
    margin: 0 5px 5px 0;
  }
  
  #sociallinks {
    clear: both;
    padding-top: 20px;
    text-align: center;
  }
  
  #sociallinks a {    
    margin-right: 20px;
    display: block;
    height: 58px;
    width: 59px;
    float: left;    
  }
  
  #sociallinks a span {
    display: none;
  }
  
  #sociallinks #twitter_icon a {
    background: url(../../images/imagesprite.png) no-repeat;
  } 
  
  #sociallinks #facebook_icon a {
    background: url(../../images/imagesprite.png) no-repeat;
    background-position: -58px 0;
  } 
  
  #sociallinks #rss_icon a {
    background: url(../../images/imagesprite.png) no-repeat;
    background-position: -117px 0;
  }     
  
  #last_tweet {
    clear: both;
    margin-top: 20px;
    margin-left: -30px;
  }
  
  #last_tweet .box {
    background: url(../../images/imagesprite.png) no-repeat;
    background-position: -48px -58px;  
    width: 618px;
    height: 162px;
    color: #010100;
    font-family: Times, Georgia, "Times New Roman", serif;
    font-size: 1.2em;
  }
    
  #last_tweet .box p {
    padding: 90px 50px 0 50px;
  }
  
  #last_tweet  #last_tweet_date {
    text-align: right;
    padding: 3px 25px 0 0;
    color: #999;
  }
  
  #last_tweet .box a {
    color: #666;
  }
  
  .news-list-browse {
    text-align: center;
  }
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  }  
}