@import url("ti_rte.css");

body, html {
  margin:0;
  padding:0;
  width:100%;
/*  height:100%; */
  height:auto;
  background: #FFF;
  font-family: arial,helvetica,verdana, sans-serif;
  font-size:12px;
  line-height:18px;
  color:#333;
}

div#outer div#middleRight p {
  margin-top:0px;
  margin-bottom:15px;
}

iframe {
  margin-top: 0;
  width:500px;
}

h5 {
  font-size:10px;
  font-weight:normal;
  color: #333;
} 
  
h3 {
  font-size:12px;
}

h2 {
/*  clear: both; */
}
  
img {
  border:0;
}

ul li {
  margin-bottom: 2px;
}

table tbody tr th,
table tbody tr th td,
table tbody tr td {
  vertical-align: top;
  text-align: left;
}
/***************************************
*
* Google SEARCH
*
****************************************/  
#searchBox #cref_iframe {
  display:inline;  
}

/***************************************
*
* HEADERS
*
****************************************/
 
h1 {
  color: #bd7e00;
  font-weight:bold;
  font-size: 18px;
  margin-bottom: 16px;
  line-height: 22px;
}

#leftRightContent h2, 
#rightContent h2, 
#searchBox h2, 
.miniColumn h2{
  margin-top:0px;
  background-color:#eff1f3;
  border-bottom:1px solid #E4E4E4;
  color:#666;
  font-size:14px;
  margin-bottom:12px;
  padding-left:8px;
  margin-left:-8px;
  /*nachdem fuer Filelinks float:left; muss hier wieder ge-cleared werden*/
  clear: both;
}

.miniColumn h2{
	margin-left: 0;
}

#rightContent p {
   margin-top:13px;
}

#rightContent img {
   /* width:230px; */
   max-width:230px;
}  


  /***************************************
  *
  *
  * TEXT LINKS
  *
  *
  ****************************************/
  
  
  a:link,
  a:visited {
    /*color : #999;*/
    color:#bd7e00;
    text-decoration:none;
      }

  a:hover {
   color: #bd7e00;
   text-decoration:underline;

  }

  .csc-linkToTop a {
    color: #999;
    text-transform: lowercase;
  }
  .csc-linkToTop a:hover {
    color: #bd7e00;
    text-transform: lowercase;
  }
   /* LINKS WITH ICONS IN TEXT (DOWNLOADS) */

  .bodytext a.download:link, 
  .bodytext a.download:visited {
    color:#333;
  }
   .bodytext a.download:hover {
    text-decoration:underline;    
    color:#bd7e00;
  }

  a.download img {
   border:none;
  }

/*  
  a[href$='.doc'],
  a[href$='xls'],
  a[href$]='xlsx']  {
    background-repeat: no-repeat;
    background-position: 0 0px;
    padding-left: 21px;
    padding-top: 4px;
    line-height:25px;
    color: #333;
  } 
*/

  p.pdfLink a {
    color:#333;
    display: inline;
  }

  a.pdfLink {
  	display: inline-block;
    background-position:0 center;
    background-repeat: no-repeat;
    padding-top:4px;
    line-height:25px;  
  }


  
/*  
  a[href$='.xls'],
  a[href$='.xlsx'] {
    display: inline-block;
    padding-left: 21px;
    color: #333;
    line-height: 22px;  	
    background-image: url('/typo3/gfx/fileicons/xls.gif');
    background-position:0 0px;
    margin-top: 2px;
    background-repeat: no-repeat;
  }
*/
   /*Search Box*/
   html body div#container div#outer div#middleRightBox div#middleRight div#right div#searchBox a.linkWithArrowBefore,
   html body div#container div#outer div#right div#searchBox a.linkWithArrowBefore {
     background-position: 0 2px;  
   }
   
   /* "�bersicht News", "�bersicht Events" */
   html body div#container div#outer div#left div#leftRight div#leftRightContent p.bodytext a.linkWithArrowBefore,
   html body div#container div#outer div#innerBox div#middleContent p.bodytext a.linkWithArrowBefore {
     padding-left: 15px;  
   }
   
   html body div#container div#outer div#left div#leftLeft div#leftLeftContent p.bodytext a.linkWithArrowBefore,
   html body div#container div#outer div#right div#rightContent ul.linkList li a.internal-link {
    clear: both;
  }

  /***************************************
  *
  *
  * LINK LISTS
  *
  *
  ****************************************/
ol.linkList a:hover, 
ul.linkList a:hover {
  text-decoration: underline;  
}

.fce_2column_container .linkList {
  margin-left: 5px;
}

   table.csc-uploads-1{
     margin-bottom:25px;
   }
   
   table.csc-uploads-1 a:link, table.csc-uploads-1 a:visited {
      color:#333;
      text-decoration:none;
   }
 
   table.csc-uploads-1 td{
    height:25px;
    vertical-align:bottom;
    
   }
 
   div#outer  div#middleRight table.csc-uploads td p{
    margin:0;
    margin-bottom:-2px;
   }
  
  .csc-section a {
    background-image:url(/fileadmin/templates/img/icon_pfeil_down.gif);
    background-position:0 50%;
    background-repeat:no-repeat;
    color:#333333;
    padding-left:15px;
  }
  
  .csc-section a:hover {
    color:#bd7e00;
  }
    
  ul.csc-menu-3 li {  
     list-style-type:none;
     margin:0;

   }
 
  .csc-menu.csc-menu-3 {
    padding-left:0;
  }
    
  /***************************************
  *
  * HEADER
  *
  ****************************************/

  /* contains the bfh logo and the language menu */
  #header {
    width:100%;
    height:50px;
/*bea5 margin:22px 0px; */
    margin:23px 0px;
  }
  
  #bfhLogo {
    border:none;
    float:left;
    margin-right:4px;
/*bea5 margin-left:5px; */
    margin-left:0px;
    margin-top:4px;
  }
  

  /* box with meta- and language menu */
  #headerMenu{
    float:right;
    word-spacing:0px;
    font-weight:bold;
/*bea5 margin-top:5px; */
    margin-top:2px;
    
    width:40%;
  }

  /* meta menu */
  #headerMenu #headerLinks {
    float:right;
    
  }
  
  /* language menu */
  #headerMenu #langMenu {   
    float:right;
    margin-left:30px;
    font-size:11px;
    color:#999;
  }

  #headerMenu a:link,#headerMenu a:visited,#headerMenu a:hover {
    color : #999;
    text-decoration:none;
  }

  #headerMenu a:hover {
   color: #333;
  }

  #headerMenu #langMenu .langActive {   
    color:#333;
    font-weight:bold;
  }  


  /***************************************
  *
  * MAIN MENU
  *
  ****************************************/
/*bea5 neu: */
  #mainMenu {
    float:left;
    width:980px;
  }

  
  #mainMenu ul {
    height:16px;
/*bea5    margin:55px 0px 0px 0px; */
    margin:25px 0px 0px 0px;
    padding: 0px 0px 5px 5px;
    text-transform:uppercase;
    border-bottom: 1px solid #CCC;
    background:transparent;
  }


  #mainMenu ul li {
  float:left;
  list-style:none;
  display:block;
/*    display:inline;*/
    margin:0px 30px 0px 0px;
    font-size:15px;
    font-weight:bold;
    padding: 0px;
    background:transparent;
  }

  #mainMenu a {
    color: #697d91;
    text-decoration:none;
  }

  #mainMenu a:hover {
    color: #333333;
  }

  #mainMenu ul li.mainMenu1-act  {
    color:#697d91;
    border-bottom:5px solid #faa500;
    border-right:0px solid white;
    padding-bottom:4px;
  }

  #mainMenu ul li.mainMenu1-act a:hover {
    color: #333333;
  }


  /* line beneath the main menu */
  #top_line {
    border:0px solid white;
    height:0px;
    color:white;
    border-bottom: 1px solid #CCC;
    margin:-5px 0px 0px 0px;  
    background:blue;
  }

  /***************************************
  *
  * META NAVIGATION 
  *
  ****************************************/
  ul.metaNavigation {
    margin:0;
    padding:0;
  }
  ul.metaNavigation  li{
     display:inline;
  }
 
  ul.metaNavigation a{
    margin-left:4px;
    margin-right:4px;     
  }
  ul.metaNavigation a:link, 
  ul.metaNavigation a:visited{
    color:#999;
    font-weight:bold;
    text-decoration:none;
  }
   ul.metaNavigation li.metaNavigation-act  a:link,
   ul.metaNavigation li.metaNavigation-act  a:visited{
    color:#999;
    text-decoration:none;
   }
  /***************************************
  *
  * FOOTER NAVIGATION 
  *
  ****************************************/
  ul.metaNavigation {
    margin:0;
    padding:0;
    font-size: 11px;
  }
  ul.metaNavigation  li{
     display:inline;
     color:#999;
  }
  #footer ul.metaNavigation .metaNavigation-no a:hover {
    color:#333;
  }
  
  /***************************************
  *
  * KEY VISUAL
  *
  ****************************************/


  /* box that keeps the key visual element toggther */
  #keyVisualContainer {
    float:left;
    margin-top:15px;
    position:relative;
    z-index:5;
    border-bottom:9px solid #697D91;
    border-top: 9px solid #697D91;
    height:290px;

  }
  
  /* the image */
  img#keyvisual {    
    width:980px;
    height:290px;
  }
  
  /* text box on the right side of the key visual */
  #textBoxInKeyVisual {
    position:absolute;
    right:0px;
    top:30px;
    height:200px;
    width:350px;
    
  }
  
  #textInKeyVisual h2{
    background:#eff1f3;
    font-size:14px;
    font-weight:bold;
    color:#666666;
    padding:3px 0px 3px 3px;
    margin-bottom:12px;
    margin-top:0;
  }

/*  
  #textInKeyVisual{
    height:167px;
    background:white;
    padding:5px 0px 5px 10px;
*/    
    /*for all browsers */
/*    opacity: .92; */
    /* for IE8 */  
/*    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; */
    /* for IE5-7 */  
/*    filter: alpha(opacity=92);
  }
*/
  
  #lineInKeyVisual{
    background:#bd7e00;
    height:15px;
    width:100%;
    position:absolute;
    bottom:0px;
  }

  
  #top_anchor{
    position:relative; 
    float:left;
    margin-top:85px;
    margin-bottom:0px;
    width: 500px;
  }
  #top_anchor a{
       text-decoration:none;
       color:#999;
  }
  #top_anchor a:hover {
         text-decoration:none;
         color:#bd7e00;
  }



  /***************************************
  *
  *
  * STRUCTURE
  *
  *
  ****************************************/

  /* Div that contains the whole layout, used to center it */
  #container {
    width: 980px;
    margin:0 auto;
  }
  
  
  /***************************************
  *
  *
  * 3 COLUMNS LAYOUT
  *
  *
  ****************************************/


  /* Outer Box that contains the 3 columns. In fact, this is the middle column. The right and the left column
  * are placed inside this div and floated to the left and the right.
  * This div has left and right margins with the same width as the left and right columns
  * These colums are then moved into place with negativ margins
  */
  #outer{
    min-height:100%;
    height:100%;
    margin-left:224px;
    margin-right:0px;
    border-left:1px solid #CCCCCC;
    border-right:none;
    margin-top:15px; /* this makes the space between the key visual and the menu */
    float:left;
    width:755px;
    /*background:cyan;*/
}

  #middleRight{
    min-height:100%;
    height:100%;
    margin-right:230px;
    border-right:1px solid #CCCCCC;
    padding-left:0px;
    margin-top:-9px;
    padding-top:0;
    /*background:yellow;*/
}

    

  #left {
     position:relative;/*ie needs this to show float */
    width:224px;/* same as the left margin on #outer*/
    float:left;
    margin-left:-223px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
    left:-2px;/* push column into position*/
    vertical-align:top;
    padding:0px;
    /*background:yellow;*/
}

  #leftContent {padding: 0px 10px 20px 0px; margin:0px;}
  #rightContent {padding:0px 0px 20px 18px;}
  #middleRightBox {padding:0; margin-top: -10px;}
  
#middleContent  {
    padding:16px 10px 0px 10px;
    margin-top:0px;
}

#middleContent h1.pageTitle {
    padding-top:0px;
    margin-bottom:9px;
    margin-top:1px;
    line-height:24px;
}

  #right {
    position:relative;/*ie needs this to show float */
    width:232px;/* same as right margin on #outer*/
    float:right;
    margin-right:-231px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
    margin-left:2px;/* push column into position*/
    margin-top:23px;
    padding-top:0px;
}

  .clearfooter{
    width:100%;
    clear:both;
  }

  
  /***************************************
  *
  * BANNER ON CONTENTPAGE
  *
  ****************************************/  

  
    div#middleRightBox img#image-top {
/*     float:left; */
     margin-bottom:10px;
     margin-left:9px;
     margin-top:10px;
     width:745px;  
     height:140px;

     border-bottom: 6px solid #697D91;
     border-top: 6px solid #697D91;
/*bea5
     background-color: #697d91;
     padding: 9px 0;
*/
  }
  
  /***************************************
  *
  * BREAD CRUMB
  *
  ****************************************/

 
  #breadcrumb {
   margin-top:0px;
   margin-bottom:8px;
   margin-left:10px;
   font-size:11px;
   width:505px; /* If not set, in IE the DIV "right" float to the left side of "middleContent" - if "hide in menu" is selected */
   color:#999;
   line-height:11px;
  }
 
  #breadcrumb a {
   text-decoration:none;
   font-size:11px;
   color:#999999;
  }
  
  #breadcrumb a:hover {
     text-decoration:none;
     font-size:11px;
     color:#333333;
  }
 
  
  
  /***************************************
  *
  * SUBMENU
  *
  ****************************************/

  #leftContent ul.subMenu {
    padding-left:0px;
    margin-left:0px;
    margin-top: 0px;
    list-style-type:none;
    background:#FFF;
    line-height:23px;
    overflow:hidden;
  }
  
  
  #leftContent ul.subMenu li {
    margin:0;
    background:transparent;
    padding:0;
    list-style-type:none;
    
  }

  
  #leftContent ul li a {
    padding:3px 0px;
    display:block;
    border-bottom:0px solid white;
    text-decoration:none;
    font-weight:normal;
    font-size:13px;
    line-height:23px;
  }
  
  #leftContent ul li.subMenu1-no a {  
    padding-left:10px;
    background:#FFF;
    color:#999;
    font-weight:normal;
  }
  
  #leftContent ul li.subMenu1-no a:hover {  
    color:#bd7e00;
    background:#eff1f3;
  }

  #leftContent ul li.subMenu1-act a {  
    padding-left:10px;
    background:#eff1f3;
    color:#bd7e00;
    font-weight:normal;
  }

  #leftContent ul li.subMenu1-act a:hover {  
    color:#bd7e00;
    background:#eff1f3;
  }



  #leftContent ul li.subMenu1-open  {  
    border-bottom:1px solid #cccccc;
  }



  #leftContent ul li.subMenu2-no a {  
    padding-left:20px;
    background:#FFF;
    color:#333;
    font-weight:normal;
  } 
  
  #leftContent ul li.subMenu2-no a:hover {  
    padding-left:20px;
    background:#eff1f3;
    color:#bd7e00;
  }

  #leftContent ul li.subMenu2-act a {
    padding-left:20px;  
    background:#eff1f3;
    color:#bd7e00;
    font-weight:normal;
  } 

  #leftContent ul li.subMenu2-act a:hover {
    padding-left:20px;  
    background:#eff1f3;
    color:#bd7e00;
  } 
  
  #leftContent ul li.subMenu3-no a {  
    padding-left:30px;  
    background:#eff1f3;
    color:#333;
    border-bottom:1px solid #cccccc;
    font-weight:normal;
  } 

  #leftContent ul li.subMenu3-no a:hover {  
    padding-left:30px;  
    background:#eff1f3;
    color:#bd7e00;
    border-bottom:1px solid #cccccc;
  } 
  
  #leftContent ul li.subMenu3-act a {
    padding-left:30px;    
    background:#eff1f3;
    color:#bd7e00;
    border-bottom:1px solid #cccccc;
    font-weight:normal;
  }     

  #leftContent ul li.subMenu4-no a { 
    padding-left:40px;   
    background:#eff1f3;
    color:#333;
    font-weight:normal;
  } 


  #leftContent ul li.subMenu4-no a:hover { 
    padding-left:40px;   
    background:#eff1f3;
    color:#bd7e00;
  } 
  
  #leftContent ul li.subMenu4-act a {
    padding-left:40px;    
    background:#eff1f3;
    color:#bd7e00;
    font-weight:normal;
  }     
/*fifth level*/
  #leftContent ul li.subMenu5-no a { 
    padding-left:50px;   
    background:#eff1f3;
    color:#333;
    font-weight:normal;
  } 

  #leftContent ul li.subMenu5-no a:hover { 
    padding-left:50px;   
    background:#eff1f3;
    color:#bd7e00;
  } 
  #leftContent ul li.subMenu5-act a {
    padding-left:50px;    
    background:#eff1f3;
    color:#bd7e00;
    font-weight:normal;
  }      
  


 
   /***************************************
   *
   * DIV
   *
   ****************************************/
 
   #rightContent h1{
     width:auto;
     background:#eff1f3;
     padding:4px;
     margin:0px;
     
   }
  



  /***************************************
  *
  * FOOTER
  *
  ****************************************/

  #footer {
    width:100%;
    clear:both;
    padding-top:7px;
    padding-bottom:17px;
    border-top:1px solid #CCCCCC;
    margin-top:40px; /* this makes the space between the footer and the content */
  }

  #copyRight {
    color: #999;
  }

  #footerLinks{
    float:right;
    word-spacing:4px;
  }


  #efqm {
    padding-bottom:20px;
  }
  
  #efqm-logo {
    border:0;
  }

  /***************************************
  *
  * TABS alt
  *
  ****************************************/
/*  
  .titabsContainer ul.tabsTitle li  a , .tabbedContentContainer ul.tabsTitle li  a   {
     font-weight:bold;
     text-decoration:none;
     color:#666;
     padding-bottom:2px;
  }
    
  .titabsContainer ul.tabsTitle, .tabbedContentContainer ul.tabsTitle {
     padding: 0px;
     border-bottom:1px solid #999;
     padding:0px 0px 3px 0px;

  }

  .titabsContainer ul.tabsTitle li, .tabbedContentContainer ul.tabsTitle li {
    background:#eff1f3;
    list-style:none;
    display:inline;
    padding:3px 8px;
    border-left: 1px solid #999;
    height:16px;
  }
  
  .titabsContainer ul.tabsTitle li.active, .tabbedContentContainer ul.tabsTitle li.active {
    border-width:1px 1px 0px 1px;
    border-style:solid;
    border-color: #999;
    background:#FFF;
  }
  
  .titabsContainer ul.tabsTitle li.active a, .tabbedContentContainer ul.tabsTitle li.active a {
    border-bottom: 2px solid #bd7e00;
    border-right:1px solid white;
  }
  .titabsContainer ul.tabsTitle li.active, .tabbedContentContainer ul.tabsTitle li.active {
    border-bottom: 2px solid white;
  }
  
  .titabsContainer ul.tabsTitle li.passive, .tabbedContentContainer ul.tabsTitle li.passive {
    border-width:0px 0px 0px 1px;
    border-style:solid;
    border-color: #999;
   }
*/
  /***************************************
  *
  * TABS
  *
  ****************************************/
  
  .titabsContainer .singleTab {
    /* width: 500px; */
    width: 100%;
    overflow: visible;
  }

  .titabsContainer ul.tabsTitle li a, 
  .tabbedContentContainer ul.tabsTitle li a   {
    font-weight:bold;
    text-decoration:none;
    color:#666;
    line-height:23px;
  }
    
  .titabsContainer ul.tabsTitle, 
  .tabbedContentContainer ul.tabsTitle {
     padding: 0px;  /* for Safari */
     height:23px;
     border-bottom:1px solid #ccc; /* baseline */
      margin-left:1px;
      width:99%;
  }

  .titabsContainer ul.tabsTitle li, 
  .tabbedContentContainer ul.tabsTitle li {
    position:relative;
    float:left;
    background:#eff1f3;
    padding: 0px 8px 0px 8px;
    list-style:none;
    display:block;
  }
  
  .titabsContainer ul.tabsTitle li.active, 
  .tabbedContentContainer ul.tabsTitle li.active {
    position:relative;
    float:left;
    margin-left:-1px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background:#fff;
  }
  
  .titabsContainer ul.tabsTitle li.active a, 
  .tabbedContentContainer ul.tabsTitle li.active a {
    padding-bottom: 2px;
    border-bottom: 2px solid #faa500;
  }
  
  .titabsContainer ul.tabsTitle li.passive, 
  .tabbedContentContainer ul.tabsTitle li.passive {
    margin-left:-1px;
    border-left:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
  }
  .titabsContainer ul.tabsTitle li a:hover, 
  .tabbedContentContainer ul.tabsTitle li a:hover   {
    color:#333;
  }
  /***************************************
  *
  * IMAGE POSITIONING
  *
  ****************************************/ 

    /* typo3 uses floats to position images in or above/below text.
    Since the layout of the page uses floats to position the columns,
    there are conflicts as soon as typo3 sets a clear:both/left/right
    to an image. 
    These rules overwrite the original rules form typo3
    */
    
    /* take away all clear properties from the images. If not, images get
    shifted below the column besides them e.g they get shifted below the last
    menu entry in the subnavigation
    */
    div.csc-textpic-above div.csc-textpic-text { clear: none; }  
    div.csc-textpic-right div.csc-textpic-text { clear: none; }  
    div.csc-textpic-left div.csc-textpic-text { clear: none; }
    div.csc-textpic-clear { clear: none; }
    
  
  
    /* img above or below text, centered */
    div.csc-textpic-above div.csc-textpic-imagewrap {overflow:hidden; }
    div.csc-textpic-below div.csc-textpic-imagewrap {overflow:hidden; }
  
    /* img above or below text, right 
    make the imagewrap 100% wide, so no clear:both is needed,
    which would conflict with the multicolumn layout which is realized with
    floated columns  
    */
    div.csc-textpic-right div.csc-textpic-imagewrap {
      width:100%;
    } 
    /* within the imagewrap, the image is wraped in a dl. this must be floated to the
    right as well
    */ 
    div.csc-textpic-right div.csc-textpic-imagewrap dl.csc-textpic-image {
      float:right;
    }
    
    /* img above or below text, left */
    div.csc-textpic-left div.csc-textpic-imagewrap {
      width:100%;
    }  
    div.csc-textpic-left div.csc-textpic-imagewrap dl.csc-textpic-image {
      float:left;
    } 
    .csc-textpic.csc-textpic-center.csc-textpic-above.csc-textpic-caption-c {
      margin-left: -10px;
    }
    DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
	border: 1px solid #ccc !important;
    }
    /* img intext top left */
    div#middleRight div#middleContent div#middleContentText div.csc-textpic  {
    /* wenn overflow:hidden, werden keine Bilder angezeigt, sofern die Ueberschrift auf "hidden" gestellt wird:
	 overflow:hidden;
    */
    width: 100%;
    max-width:523px;
    float:left; 
    }

  /***************************************
  *
  * INFO CONTAINER
  *
  ****************************************/ 
   
  .infoContainer {
    float:left;
    max-width:215px;
    margin:5px 15px 10px 0px;
    background:#eff1f3;
    padding:10px;
  }
  
  .infoContainer h2{
    margin-top:0;
  }
  
  div#outer div#middleRight .infoContainer p {
    margin-bottom:0;
  }
  
  .infoContainer .linkWithArrowBefore a {
    background-image:url("/fileadmin/templates/img/icon_pfeil.gif");
    background-position:0 3px;
    background-repeat:no-repeat;
    color:#333;
    padding-left:1px;
  }  
  
  .infoContainer .pdfLink a {
    color:#333;
  }  
  .infoContainer .pdfLink a:hover {
    color:#bd7e00;
  }    
  .infoContainerText .pdfLink {
    background-position:0 0px;
    padding-top:4px;
    line-height:18px;      
  }
  /***************************************
  *
  * CSS-Filelinks
  *
  ****************************************/
    
  .filelinks.filelinks_layout_0 {
    padding-bottom: 7px;
    display: block;
    width: 100%;
    /*Damit die Icons nicht herumfliegen: */
    float: left;
  }


  div#middleContent .filelinks.filelinks_layout_0 {
  }
  
 
  .filelinks a,
  .filelinks a:link, 
  .filelinks a:visited, 
  .filelinks a:active {
    color: #333;
    text-decoration: none;
  }
  .filelinks a:hover {
    text-decoration: underline;
    color:#bd7e00;
  }

.filelinks div {
    background: url("/typo3/gfx/fileicons/default.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin-bottom: 10px;
    padding-left: 25px;
}

.filelinks span {
    display: block;
}

  .filelinks .docx {
  background: transparent url(/typo3/gfx/fileicons/doc.gif) no-repeat scroll left top;
  }
  .filelinks .dot {
  background: transparent url(/typo3/gfx/fileicons/doc.gif) no-repeat scroll left top;
  }
  .filelinks .xlsx {
  background: transparent url(/typo3/gfx/fileicons/xls.gif) no-repeat scroll left top;
  }
  .filelinks .xslx {
  background: transparent url(/typo3/gfx/fileicons/xsl.gif) no-repeat scroll left top;
  }
  
  .filelinks .ppsx {
  background: transparent url(/typo3/gfx/fileicons/ppt.gif) no-repeat scroll left top;
  }

  .filelinks .mp3 {
  background: transparent url(/typo3/gfx/fileicons/mp3.gif) no-repeat scroll left top;
  }

    .filelinks .pdf {
        background: transparent url(/typo3/gfx/fileicons/pdf.gif) no-repeat scroll left top;
    }
  

/***************************************
  *
  * PDF per Filebrowser
  *
  ****************************************/
  a.pdf {
    color: #333;
  	display: inline-block;
    background-position:0 center;
    background-repeat: no-repeat;
    padding-top:4px;
    line-height:25px;  
  }
  
  a.pdf:hover {
    color:#bd7e00;
    text-decoration:underline;
  }
  
  /***************************************
  *
  * ICONBOX
  *
  ****************************************/

  div#pageLeadBox div#iconBox {
    margin-right:-240px;
  }
  
  div#iconBox {
    text-align:right;
    display:block;
    margin-top: -23px;
    margin-bottom: 5px;
  }

  /***************************************
  *
  * SEARCH
  *
  ****************************************/
  
    #searchBox {
     margin-left:10px;
     margin-bottom:18px;
     padding-left:8px;
  }
  
   #searchBox a.linkWithArrowBefore {
     display:block;
     margin-top:5px;
  }
  
  #searchInputField {
    width:125px;
    margin-right: 5px;
  }
  #searchSubmitButton{
    width:70px;
  }


  /***************************************
  *
  * PERSON SEARCH
  *
  ****************************************/


 
  .tx-personlist-pi1 table#listView {
    border-collapse:collapse;
    border:1px hidden #FFF;
    border-bottom:1px solid #333;
    width:100%;
    margin-bottom:20px;
  }

  .tx-personlist-pi1 table#singleView {
    border-collapse:collapse;
    margin-bottom:20px;
  }
  .tx-personlist-pi1 table#singleView td {
    padding:2px 16px 2px 0px;
  }  
  

  .tx-personlist-pi1 h2 {
    color:#bd7e00;
  }  
 
  
  .tx-personlist-pi1 a:link,.tx-personlist-pi1 a:visited {
    color:#333;
    text-decoration:none;
  }
  
   .tx-personlist-pi1 a:hover {
    text-decoration:underline;
    color:#bd7e00;
  } 
  .tx-personlist-pi1 table#listView td {
    padding:8px 8px;
    border-bottom:1px solid #CCC; 
  }
  
  .tx-personlist-pi1 .columnOne {
    font-weight:bold;
  }

  .tx-personlist-pi1 th {
    text-align:left;
    padding:4px 8px;
    background:#eff1f3;
    color:#333;
    font-size:14px;
    border-right:1px solid #333;
    border-bottom:14px solid #FFF;
  }


  
 .tx-personlist-pi1 #paging  {
    margin-bottom:20px;
  } 
  .tx-personlist-pi1 #paging img.paging-buttons {
    border:none;
    margin-bottom:-2px;
  }
  
  .tx-personlist-pi1 #paging a {
    margin-left:5px;
    color:#999;
    font-weight:bold;
  }
  .tx-personlist-pi1 #paging a.pagingActive {
    color:#333;
    font-weight:bold;
  }
  
  .tx-personlistform-pi1 .personListSearchForm {
      padding:2px;
  }
  
  .tx-personlistform-pi1 hr{
      margin:20px 0px 25px;
      border:none;
      border-bottom:1px solid  #CCC;
  }
  
    .tx-personlistform-pi1 .personSearchSubmitButton {
      margin-left:10px;
      width:80px;
  }
    .tx-personlistform-pi1 #name,
    .tx-personlistform-pi1 #firstname {
      width:200px;
  }  

 /***************************************
  *
  * <hr>
  *
  ****************************************/  
  hr, hr.clearer {
      margin:5px 0px 5px 0px;
      border:none;
      border-bottom:1px solid  #CCC;
  }
  hr.white {
      margin:0px 0px 10px 0px;
      border:none;
      border-bottom:1px solid  #fff;
  }
  
  .events-single-item hr.clearer {
  	clear: both;	
  }

  /***************************************
  *
  * Google SEARCH
  *
  ****************************************/  


 /***************************************
  *
  * rgsmoothgallery
  *
  ****************************************/    
  .tx-rgsmoothgallery-pi1 { 
    position: relative;
    float: left;
    /* give a little space after container */
    margin-bottom: 4px;
  }
   
   #myGallery1512 {
    margin-top:0;
  }
  
  #rglbCenter,
  #rglbBottom {
    background-color: #666666;
  }
/***************************************
*
* time table
*
****************************************/   

.tx-timetable-pi1  .timetable-overview-table {
   margin:20px 0px 20px 0px;
   
}

.tx-timetable-pi1 .tableCells{
  word-spacing:4px;
  padding:0px;
  padding-bottom:20px;
}

.tx-timetable-pi1  .title {
   padding-top:0px
}

.tx-timetable-pi1 a:visited {
  color:#bd7e00;
  text-decoration:none;
}

.tx-timetable-pi1 .textTimeTable{
   border-top:1px hidden white;
   border-collapse:collapse;
   width:100%;
}


.tx-timetable-pi1 .textTimeTable th,.tx-timetable-pi1 .textTimeTable td{
   border:1px solid #999;
   border-collapse:collapse;
   padding:4px;
   vertical-align:top;
}

.tx-timetable-pi1 .textTimeTable th{
   text-align:left;
   background:#eff1f3;
   color:#666;
}

.tx-timetable-pi1  td.weekDay {
   border-left:1px solid #FFF;
   border-right:1px solid #FFF;
}

.tx-timetable-pi1  th.roomColumn {
   width:78px;
}
.tx-timetable-pi1  th.timeColumn {
   width:80px;
}


.tx-timetable-pi1  th.profColumn{
   width:80px;
} 

.tx-timetable-pi1  th.classColumn{
width:82px;
} 



.tx-timetable-pi1 #timetableHeaderTable {
  width:100%;
  margin:20px 0px;
}
.tx-timetable-pi1 #timetableHeaderTable td {
  text-align:right; 
  vertical-align:top;
  word-spacing:4px;
}
.tx-timetable-pi1 #timetableHeaderTable #printPage {
  border:none;
  margin-top:8px;
}
.tx-timetable-pi1 #timetableHeaderTable a:link,.tx-timetable-pi1 #timetableHeaderTable a:visited {
 
  color:#999;
  font-weight:bold;  
}

div.tx-timetable-pi1 a.backButton{
  display:block;
  margin:40px 0px -20px 0px;
}

.bgR {
border-color: #333;
border-style:none solid none none;
border-width:medium 1pt medium medium;
}

.bgD {
background-image:url(/fileadmin/templates/img/blackedgeRight.gif);
background-repeat:repeat-y;
border-bottom:1pt solid black;
font-size:3pt;
line-height: 5px;
}
  /***************************************
  *
  * testimonials
  *
  ****************************************/   
  
.testimonial-morelink {
  position:relative; 
  float:left; 
  width:495px; 
  margin-top:-25px; 
  text-align:right; 
  margin-right:10px; 
  height:20px;
  border:solid 0px black;
}

.testimonial-morelink a:link, 
.testimonial-morelink a:visited  {
  background-image: url('/fileadmin/templates/img/icon_pfeil.gif');
  background-repeat: no-repeat;
  background-position:0 3px;
  padding-left:15px;
  color:#333;
  margin-bottom:0px;
  /* background-color:#e7e7e7; */
}
.testimonial-item {
  float:left;
  position:relative;
  margin-left:-10px;
  width: 515px;
  overflow:visible;
}
.testimonial-item img {
  width:523px;
}

.csc-frame.csc-frame-frame1 .testimonial-morelink {
  text-align:left; 
}

.testimonial-morelink a:hover  {
  color: #bd7e00;
}
/***************************************
*
* time table
*
****************************************/   

.quicklinks-select {
  width:210px;
  margin-bottom:15px;
}

/***************************************
*
* tt_news
*
****************************************/   
.tx-ttnews-browsebox td.tx-ttnews-browsebox-SCell p a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}


.tx-ttnews-browsebox img {
  margin-bottom: -3px;
  border:solid 0px black;
}

.tx-ttnews-browsebox a, 
.tx-ttnews-browsebox td p a:active {
color:#999999;
margin-right:3px;
text-decoration:underline;
}

.news-single-backlink a {
  background-image: url('/fileadmin/templates/img/icon_pfeil.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left:15px;
  color:#333;
}
.news-single-backlink a:hover {
  color:#bd7e00;
}
/*********************************************
 *
 * FCE - Flexible Content Element 2-column Container
 *  
 *********************************************/
.fce_2column_container {
  width: 504px;
  position:relative;
  float:left;
  margin-top:7px;
  font-weight:normal;
}
.fce_2column_container .fce_left_column,
.fce_2column_container .fce_right_column {
  position: relative; 
  float: left; 
  width: 245px; 
  border-right:solid 1px #cccccc; 
  background-color: transparent;
}
.fce_2column_container .fce_right_column {
  margin-left: 12px;
  border-right:none;
  width: 235px;
  border-left: solid 1px #ccc; 
  margin-left:-1px; 
  padding-left: 10px;
}

.fce_2column_container .news-list-container, 
.fce_2column_container .news-latest-container {
width:235px;
}

.fce_2column_container .news-list-container h2, 
.fce_2column_container .news-latest-container h2 {
  margin: 0;
  margin-bottom: 12px;
  background-color:#eff1f3;
  border-bottom:1px solid #E4E4E4;
  color:#666666;
  font-size:14px;
  padding-left: 8px;
}
.fce_2column_container .news-list-container h3, 
.fce_2column_container .news-latest-container h3,
.news-latest-container .news-latest-item h3,
.news-list-container .news-list-item h3  {
  font-size:12px;
}

.news-latest-container .news-latest-item,
.news-list-container .news-list-item {
  margin-left: 8px;
}

.fce_2column_container .news-latest-container .news-latest-item,
.fce_2column_container .news-list-container .news-list-item {
  margin-left: 8px;
}

.fce_left_column p.bodytext,
.fce_right_column p.bodytext {
  margin-left: 8px;
  width: 220px;
}

.fce_left_column a,
.fce_right_column a {
  color: #333;
}

.fce_left_column a:hover,
.fce_right_column a:hover {
  color: #bd7e00;
  text-decoration:none;
}


.fce_left_column .news-latest-container .news-latest-item p.bodytext,
.fce_right_column .news-latest-container .news-latest-item p.bodytext,
.fce_left_column .news-list-container .news-list-item p.bodytext,
.fce_right_column .news-list-container .news-list-item p.bodytext {
  margin-left: 0px;
}

.fce_left_column .csc-header.csc-header-n1 h2,
.fce_right_column .csc-header.csc-header-n1 h2,
.fce_left_column .csc-header.csc-header-n2 h2,
.fce_right_column .csc-header.csc-header-n2 h2,
.fce_left_column .csc-header.csc-header-n3 h2,
.fce_right_column .csc-header.csc-header-n3 h2,
.fce_left_column .csc-header.csc-header-n4 h2,
.fce_right_column .csc-header.csc-header-n4 h2,
.event_headline {
  background-color:#eff1f3;
  width:225px;
  border-bottom:1px solid #E4E4E4;
  color:#666666;
  font-size:14px;
  margin: 0 0 12px 0;
  padding:0 0 0 8px;
  font-weight:bold;
}

.csc-header csc-header-n1 h2 {
  color:#333333;
}
.news-single-item h3,
.news-single-item .csc-header.csc-header-n1 h2 {
  color: #333333;
  margin-bottom: 10px;
  font-size: 12px;
}
.news-single-item h3 {
  margin:0;
}

.news-latest-container .news-latest-item a:hover,
.news-list-container .news-list-item a:hover {
  text-decoration: none;
  color: #bd7e00;
}
.mbl_newsevent_singledayevent {
  color: #111111;
}


/****************** Eventdetails ***************/
table.tableEventDetail {
  border-collapse:collapse;
  line-height: 25px;
  width:100%;
  margin:0;
  padding: 0;
  
}
td.eventDetailFirstColumn {
  width:100px;  
  border:0;
  border-bottom:solid 1px #ccc;
  font-weight:bold;
}
td.eventDetailSecondColumn {
  width:405px;  
  border:0;
  border-bottom:solid 1px #ccc;  
}
.news-single-backlink {
  margin-top:20px;  
}

.news-single-item-subheader h3 {
  margin-top:5px;
  margin-bottom:10px;  
}

/*
News auf Schnelleinstiegsseiten
*/
.miniColumn.miniColumnMiddle  .news-latest-container  .news-latest-item,
.miniColumn.miniColumnLeft    .news-latest-container  .news-latest-item,
.miniColumn.miniColumnMiddle  .news-list-container    .news-list-item,
.miniColumn.miniColumnLeft    .news-list-container    .news-list-item {
  margin-left: 0px;  
  margin-top: -5px;
  margin-bottom: 15px;
  width: 210px;
}
.miniColumn.miniColumnMiddle  .news-latest-container  .news-latest-item .news-latest-morelink,
.miniColumn.miniColumnLeft    .news-latest-container  .news-latest-item .news-latest-morelink,
.miniColumn.miniColumnMiddle  .news-list-container    .news-list-item   .news-list-morelink,
.miniColumn.miniColumnLeft    .news-list-container    .news-list-item   .news-list-morelink {
  margin-bottom: 0px;
}

div#outer div#middleRight .newsevents-list-wFilter-text p.bodytext {
  margin-bottom: 5px;
}
.newsevents-list-wFilter-text .news-list-morelink {
  margin-top:-5px;
}

.newsevents-list-wFilter-text .news-list-morelink a:hover,
.news-list-wFilter-content .news-list-morelink a:hover,
.news-latest-container .news-list-morelink a:hover, 
.news-latest-container .news-latest-morelink a:hover,
.news-latest-container .newsevents-list-morelink a:hover, 
.news-latest-container .newsevents-latest-morelink a:hover {
  color: #bd7e00;
  text-decoration:underline;
}

.eventwrap_singleview {
  margin-bottom: 10px;
}

div#searchBox {
  margin-top:0px;
}


/* Formulare */

.csc-mailform-field .csc-mailform-check {
 position:relative;
 float:left;
}
.csc-mailform-field .textNormal {
 position:relative;
 float:right;
 width: 450px;
}

img.spacer-gif {
  vertical-align:top;
}
iframe#modulliste {
  margin-top:0;  
  width: 740px;
}

iframe #iFrame {
    margin-top: 0;
    width:740px;
}
 
/***************************************
*
* Forschungsprojekte
*
****************************************/   
.divProjekt a.aProjektLink {
  background-image:url("/fileadmin/templates/img/icon_pfeil_ll.gif");
  background-position:0 0px;
  background-repeat:no-repeat;
  color:#333;
  padding-left:15px;
}
.divProjekt a.aProjektLink:hover {
  color:#bd7e00;
}

a.icon-link-all {
  color:#333;
  line-height:23px;
}
a.icon-link-all:hover {
  color:#bd7e00;  
}

/*------------- rgtabs -------------*/
ul.rgtabs-menu li {
  color: #666666;
  font-weight: bold !important;
  line-height: 18px !important;
}

ul.rgtabs-menu li a {
  color: #666666 !important;
  font-weight: bold !important;
  line-height: 22px !important;
  text-decoration: none;
}

ul.rgtabs-menu li a:hover {
  font-weight: bold !important;
  color: #333333 !important;
  text-decoration: none !important;
}

.rgtabs-menu li, #left .rgtabs-menu li {
  margin: 1px 0 0 -1px !important;
}

.rgtabs-container .csc-default ul.linkList li {
  line-height: 18px;
}
#leftLeft .tx-rgtabs-pi1 ul.rgtabs-menu {
  margin-top:-1px;
}

#left .rgtabs-menu li.rgtabs-selected a, 
.rgtabs-menu li.rgtabs-selected a, 
.rgtabs-menu li.rgtabs-selected a:hover {
  border-bottom: solid 2px #faa500;
}

html body#typo3-mod-php {
  overflow: visible;  
}

/*****/
/* book */
/*****/
html body div#main div#content div#c7.csc-default div.tx-bfh-pi3 div#middleColumn div.contentMain form fieldset legend {
  display:none;  
}

/*****/
/* ti-fce-midcolumn-fullsize - Gesamtcontainer */
/*****/
.midcolumn-fullsize {
  float: left;
      border: none;
      padding: 0;
      margin: 0 0 0 -10px;
      width: 521px;
}

/* das Bild */
div.midcolumn-fullsize div.innercontent-fullsize-image {
  position: relative;
  z-index: 10;
}
/* mehr zur Person... */
div.midcolumn-fullsize div.innercontent-fullsize-minitext {
  position: relative;
  float:right;
  z-index: 100;
  margin-top: -25px;
  width: 503px;
  height: 20px;
  text-align: right;
  background-color: transparent;
  margin-right: 10px;
}
html body div#container div#outer div#middleRightBox div#middleRight div#middleContent div#middleContentText div.midcolumn-fullsize a.fancy div.innercontent-fullsize-minitext span.linkWithArrowBefore:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #bd7e00;
}

/* mehr Statements... */
div.midcolumn-fullsize div.innercontent-fullsize-content2 {
  float:left;
  margin-left: 10px;
  margin-top: 0;
  width:245px;
  background-color:transparent;
  height: 20px;
}
/* mehr zur Person ausrichten (in TCForms und TS neuen Rahmen definiert) */
div.alignleft-wrap div.midcolumn-fullsize div.innercontent-fullsize-minitext {
  text-align:left; 
}

/* facebook - Like-button */
div.fb-like-box {
  margin-bottom: 20px;
}

/* Upgrding fixes */
div.csc-textpic-clear {
   clear: none !important;
}
div.csc-textpic-above div.csc-textpic-text {
  clear: none !important;
}
div#breadcrumb {
   margin-top: 0px;
}

/* pdf icon bei singleTab */
/*
div.singleTab a.pdf {
   background: url('/typo3/gfx/fileicons/pdf.gif');
   background-repeat: no-repeat;
   padding-left: 22px;
}

div.singleTab a.download {
   background: url('/typo3/gfx/fileicons/pdf.gif');
   background-repeat: no-repeat;
   padding-left: 22px;
}
*/
div.singleTab ul li a.download {
   background: none;
   padding-left: 0px;
}

/*grosses Bild ueber zwei Spalten */
div.csc-textpic.csc-textpic-center.csc-textpic-above.csc-textpic-equalheight {
   margin-top: 10px;
}
.contenttable-0.float-left {
 /*   max-width: 500px; */
   float: left;
}
/*RTE*/
.align-center {
 text-align: center;
}

/*Nebis-Suche (Neuerwerbungen) */
.wizardSelect {
 font-size: 12px;
 color: #333333;
}

/*Text wird rechts neben den Tabs angezeigt, wenn kein float angegeben wird*/
.tx-titabs-pi1 {
 float: left;
 width: 100%;
}


/*Text mit Media (rgmediaimages) span flashplayer */
.rgmediaimages-player {
	/* color: transparent;	*/
}
/* */
div.csc-textpic.csc-textpic-center.csc-textpic-above.csc-textpic-equalheight,
div#breadcrumb {
 /* float:left;	*/
}
div.csc-textpic.csc-textpic-center.csc-textpic-above.csc-textpic-equalheight {
  margin-left: 9px; 
 /* margin-top: 0px; */
}

/* Links auf Files immer schwarz */
a[href$=".pdf"],
a[href$=".ppt"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".png"],
a[href$=".xls"],
a[href$=".xlsx"] {
  color: #333 !important;
}

a:hover[href$=".pdf"],
a:hover[href$=".ppt"],
a:hover[href$=".doc"],
a:hover[href$=".docx"],
a:hover[href$=".png"],
a:hover[href$=".xls"],
a:hover[href$=".xlsx"] {
  color: #bd7e00 !important;
}

/* Abstand vor und nach Content-Elementen */
div[class*='csc-space'] {
    float: left; 
    width: 100%;
}