@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  html,
  body { font-size: 11px; font-family:Verdana, Helvetica, sans-serif; background: #ececec; margin: 0; padding: 0 auto; color:#000; height: 100%;}
  img {border: 0;}
  h1 {font-size: 150%;}
  h2 {font-size: 150%;}
  h3 {font-size: 133%;}
  h4 {font-size: 116%;}
  h5 {font-size: 116%;}
  h1,h2,h3,h4,h5 {margin-top: 0;}
  p > h1, p > h2, p > h3, p > h4, p > h5,
  ul > h1, ul > h2, ul > h3, ul > h4, ul > h5,
  ol > h1, ol > h2, ol > h3, ol > h4, ol > h5  {margin-top: 1em;}
  a {color: #b41a1d; text-decoration: underline;}
  a:focus,
  a:hover,
  a:active {text-decoration: none;}
  
  /*-------------------------------------------------------------------------*/
  /*Links*/
  /*a.mail {background: url('../gfx/arrow_red.png') no-repeat 0px 2px; padding-left: 10px;}*/

  /*-------------------------------------------------------------------------*/
  
  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins {width: 980px; margin: 15px auto 0; padding: 0; background: url('../gfx/bg_body.png') repeat-y left top; min-height: 100%; height: auto !important; height: 100%; overflow: hidden !important; position:relative;}
  #footer {position: absolute; border-top: 2px solid #b41a1d; left: 20px; bottom: 20px; width: 940px; height: 0px;}
  #page { padding: 11px 20px 20px; margin: 0 0 20px; overflow: hidden; background: url('../gfx/bg_top.png') no-repeat left top;}
  
  #header {margin-top: 10px; padding: 0; position: relative;}
  #header h1 {width: 152px; height: 82px; background: url('../gfx/sbb_logo_r.png') no-repeat left top; text-indent: -999em;}
  #header h1 a {display: block; height: 58px;}
  
  #topnav {position: absolute; right: 0px; top: 0px;}
  #topnav ul {margin: 0; padding: 0; list-style-type: none;}
  #topnav ul li {float: left; padding: 0; margin: 0; line-height: 100%; font-size: 95%;}
  #topnav ul li a {color: #000; text-decoration: none; border-right: 1px solid #000; margin: 0; padding: 0 0.5em; display: inline-block; line-height: 100%;}
  #topnav ul li.last a {border: 0;}
  #topnav ul li a:focus,
  #topnav ul li a:hover,
  #topnav ul li a:active {text-decoration: underline;}
  
  #navline {background: #b41a1d; color: #fff; margin-top: 10px;}
  #navline ul {margin: 0; padding: 0; list-style-type: none; text-align: center;}
  #navline ul li {display: inline-block; padding: 0.2em 2em 0.4em; margin: 0; width: 12.5em; border-right: 2px solid #fff;}
  #navline ul li a { color: #fff; text-decoration: none; margin: 0; padding: 0; font-weight: bold; font-size: 95%;}
  #navline ul li.first {border-left: 2px solid #fff;}
  #navline ul li.active a,
  #navline ul li a:focus,
  #navline ul li a:hover,
  #navline ul li a:active {margin-left: -14px; padding-left: 14px; background: url('../gfx/topmenu_arrow_r.png') no-repeat left top;}
  
  #breadcrumb {padding: 0.5em 0; border-bottom: 1px solid #b6bec0; font-size: 95%; color: #000;}
  #breadcrumb a {color: #b41a1d; text-decoration: underline;}
  #breadcrumb a:focus,
  #breadcrumb a:hover,
  #breadcrumb a:active {text-decoration: none;}
  
  #main { margin: 20px 0 15px 0; min-height: 100%;}
  
  #col2_content ul,
  #col2_content ul ul   {list-style-type: none; margin: 0; padding: 0;}
  
  #col2_content ul li a  {display: block; color: #929a9c; padding: 0.2em 0; text-decoration: none;}
  
  #col2_content ul li.active a  {background: url(../gfx/menu_block.png) no-repeat 0px 5px; padding-left: 6px;}
  #col2_content ul li.active li.active a  {background: url(../gfx/menu_block.png) no-repeat 25px 5px; padding-left: 31px;}
  
  #col2_content ul ul li a {padding-left: 25px;}
  
  #col2_content ul li.active li li a,
  #col2_content ul li.current li li a,
  #col2_content ul li.active li.active li a,
  #col2_content ul li.active li.current li a,
  #col2_content ul li.active li.active li.current a {background: none; color: #929a9c; padding-left: 50px;}
  
  #col2_content ul li a:focus,
  #col2_content ul li a:hover,
  #col2_content ul li a:active,
  #col2_content ul li.active a,
  #col2_content ul li.active li a:focus,
  #col2_content ul li.active li a:hover,
  #col2_content ul li.active li a:active,
  #col2_content ul li.current li a:focus,
  #col2_content ul li.current li a:hover,
  #col2_content ul li.current li a:active,
  #col2_content ul li.active li.active li a:focus,
  #col2_content ul li.active li.active li a:hover,
  #col2_content ul li.active li.active li a:active,
  #col2_content ul li.active li.current li a:focus,
  #col2_content ul li.active li.current li a:hover,
  #col2_content ul li.active li.current li a:active,
  #col2_content ul li.active li.active li.current a:focus,
  #col2_content ul li.active li.active li.current a:hover,
  #col2_content ul li.active li.active li.current a:active,
  #col2_content ul li.current a,
  #col2_content ul li.active li.current a,
  #col2_content ul li.active li.active li.current a,
  #col2_content ul li.active li.active a  {color: #000;}
  
  #col2_content ul li.active li a,
  #col2_content ul li.current li a{background: none; color: #929a9c; padding-left: 25px;}
  
  ul#navigation {margin-bottom: 20px;}
  #logos {margin-top: 45px;}
  
  .align-left {text-align: left;}
  .align-right {text-align: right;}
  .align-center {text-align: center;}

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #main { float: left; width: 100% }
  #col1 { float: left; width: 510px;  margin: 0 0 0 220px }
  #col2 { float: left; width: 205px;  margin: 0 0 0 -730px }
  #col3 { float: right; width: 195px; margin: 0 0 0 15px;}
  #col1_content { padding: 0; min-height: 200px; color: #363e41;}
  #col1_content h1,
  #col1_content h2,
  #col1_content h3,
  #col1_content h4,
  #col1_content h5,
  #col1_content h6{color: #192832;}
  #col2_content { padding: 0; }
  #col3_content { padding: 0; }
  
  #col3_content .box {background: #e9ebec; padding: 10px 5px; margin-bottom: 1em;}
  #col3_content .box h1 {font-size: 116%;}
  #col3_content .box h2 {font-size: 116%;}
  #col3_content .box h3 {font-size: 100%;}
  #col3_content .box h4 {font-size: 100%;}
  #col3_content .box h5 {font-size: 100%;}
  
  .skip , .hideme{position: absolute; left: -999em;}
	
  /*-------------------------------------------------------------------------*/
  
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe ben�tigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
  #ie_clearing { display:none; }
  
  /*-----SEARCH--------------------------------------------------------------*/
  #searchform_right { vertical-align: middle;}
  #searchform_right label {position: absolute; left: -999em;}
  #searchform_right input#searchbutton_right {line-height:100%; vertical-align: middle;}
  #searchform_right input#searchword {width:150px; height: 15px; padding: 2px; font-size: 100%; line-height:100%; vertical-align: middle; color: #b41a1d;}
  
  /*-----NEWS----------------------------------------------------------------*/
  #col1_content .news-list-item {border-bottom: 2px solid #e9ebec; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0;}
  #col1_content .news-list-item img {float:left; margin: 0 20px 10px 0; border: 1px solid #000;}
  #col1_content .news-single-img {float:left; margin: 0 20px 0 0;}
  #col1_content .news-single-img img {border: 1px solid #000;}
  #col3_content .box .news-list-item {border-bottom: 2px solid #fff; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0;}
  span.news-list-morelink {display: block;}
  span.news-list-date,
  span.news-single-date {display: block; text-align: right;}
  .news-list-item dd {margin: 0; padding: 0;}
  p.news-single-imgcaption {font-style:italic;}
  .news-single-item h2 {font-size:130%;}
  
  /*-----FELOGIN-------------------------------------------------------------*/
  div.tx-felogin-pi1 form {margin-top: 1em;}
  div.tx-felogin-pi1 form input#user,
  div.tx-felogin-pi1 form input#pass {width: 175px; font-size: 100%;}
  
  /*-----FCES----------------------------------------------------------------*/
  div.stipendiat-list-item {border-bottom: 2px solid #e9ebec; padding-bottom: 1em; margin-bottom: 1em;}
  div.stipendiat-list-item div.stipendiat-list-img {float: left; margin: 0 20px 10px 0;}
  div.stipendiat-list-item div.stipendiat-list-img img {border: 1px solid #000;}
  div.stipendiat-list-item div.stipendiat-list-content {margin-left: 145px;}
  
  div.team-list-item {border-bottom: 2px solid #e9ebec; padding-bottom: 1em; margin-bottom: 1em;}
  div.team-list-item div.team-list-img {float: left; margin: 0 20px 10px 0;}
  div.team-list-item div.team-list-img img {border: 1px solid #000;}
  div.team-list-item div.team-list-content {margin-left: 145px;}
  
  div.tx-nfdownloads-pi1 div.download-list-item {border-bottom: 2px solid #e9ebec; margin-bottom: 1em;padding-bottom: 1em;}
  div.tx-nfdownloads-pi1 div.download-list-item div.download-list-desc {margin-bottom: 1em;}
  div.tx-nfdownloads-pi1 div.download-list-item div.download-list-img {float:left; width:37px;}
  div.tx-nfdownloads-pi1 div.download-list-item div.download-list-link {margin-left: 37px; vertical-align: bottom; height: 28px;}
  
  /*-----MISC----------------------------------------------------------------*/
  div.csc-default {clear: both;}
  div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {border: 1px solid #000;}
  div.csc-textpic div.csc-textpic-imagewrap {margin-bottom: 1em;}
  .csc-textpic-caption {font-style:italic;}
  
  div.csc-sitemap li {margin: 0.5em 0;}
  
  #col1_content .csc-frame-rulerBefore {border-top: 2px solid #e9ebec; margin-top: 1em; }
  #col1_content .csc-frame-rulerAfter {border-bottom: 2px solid #e9ebec; margin-bottom: 1em; }
  #col3_content .csc-frame-rulerBefore {border-top: 2px solid #fff; margin-top: 1em; }
  #col3_content .csc-frame-rulerAfter {border-bottom: 2px solid #fff; margin-bottom: 1em; }
}

@media print {
	* {color:#000;font-size:12px}
	#topnav,
	#navline,
	#breadcrumb,
	#col2,
	#col3 {display: none;}
	h1,h2 {font-size:14px;font-weight: bold}
	h3,h4,h5,h6 {font-size:13px;font-weight: bold}
	#header h1 a {text-decoration: none;font-size:13px; font-weight:bold;}
	#header h1 {border-bottom:2px solid #B41A1D;padding-bottom:0.5em;margin-bottom:1em;}
	/*a[href]:after { content:" <"attr(href)">"; color:#888; background-color:inherit; font-style:italic; size:80%;} */
}