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

div#container { 
  width: 980px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------------------------------------------------
 * Generic vertical menu class using ul/li
 * ------------------------------------------------------------------------ */
ul.vmenu { 
  margin: 0px;
  padding: 0px;

 }
ul.vmenu li { 
  display: inline;
  margin: 0px;
  padding: 0px;
}

/* ------------------------------------------------------------------------
 * Meta Navigation: Header && Footer
 * ------------------------------------------------------------------------ */
div.meta { 
  clear: both;
}

div.meta ul { 
  float: right;
  margin-left: 31px;
}

div.meta li { 
  margin-left: 4px; /* BFH-TI: 7px; Korrekt: 8px oder 4px */
}

div.meta li, div.meta a, div.meta a:visited { 
  color : #999999;
  text-decoration:none;
}

div.meta li a { 
  padding-left: 2px;
}


div.meta a:hover {
  color: #333333;
}

div#header {
  height:        50px;
  margin-top:    22px;
  margin-bottom: 55px; /* BFH: 49px, BFH-TI: 51px, Korrekt: 51px; */
  margin-left:    0px;
  margin-right:   0px;

  font-size:     11px; /* BFH-TI: 12px; Korrekt: 11px; */
  font-weight:   bold;
}

div#header img{ 
  border:        none;
  float:         left;
  margin-top:     4px;
  margin-bottom:  0px;
  margin-left:    5px;
  margin-right:   0px;
}

div#header ul.vmenu {
  margin-top: 5px; /* BFH-TI:1px; Korrekt: 0px; */
}

div#header ul#lang li { 
  margin-left: 3px;
}

div#header ul#lang li a { 
  padding-left: 0px;
}

div#header .langActive {
  color:      #333333;
}

div#footer {
  margin-top:    40px;
  padding-top:    7px;

  border-top: 1px solid #CCCCCC;

  font-size:     11px;
  font-weight:   bold;
}

div#footer div#copy { 
  float:         left;
  font-weight: normal;
  color:      #999999;
}

div#efqm { 
  padding-top: 17px;
  padding-bottom: 20px;
  height: 29px;
}

/* ------------------------------------------------------------------------
 * Main Navigation
 * ------------------------------------------------------------------------ */
div#mainMenu {
  margin-top:     0px;
  margin-bottom: 20px; /* BFH-TI: 20px; Korrekt: 15px; */
  margin-left:    0px;
  margin-right:   0px;
  
  padding-top:    0px;
  padding-bottom: 3px; /* BFH-TI: 3px; BFH:4px; Korrekt: 4px */
  padding-top:    0px;
  padding-left:   0px;

  border-bottom: 1px solid #CCCCCC;

  font-size:     15px;
  font-weight:   bold;
  color:      #333333;
}

div#mainMenu ul { 
  padding-left:  5px;
}

div#mainMenu li { 
  margin-right: 30px;
}

div#mainMenu a {
  color: #333;
  text-decoration:none;
}

div#mainMenu a:hover {
  color: #999999;
}

div#mainMenu .menuActive { 
  border-bottom:  5px solid #e2001a;
  padding-bottom: 4px; /* BFH-TI: 2px; BFH:4px; Korrekt: 4px */
}

/* ------------------------------------------------------------------------
 * Content Layout
 * ------------------------------------------------------------------------ */
div#outer { 
  height:        100%; /* Bloody, stupid IE */
  min-height:    100%; /* Bloody, stupid IE */

  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:  224px; /* -1 for border */
  margin-right: 230px; /* -1 for border */

  padding-top:    0px;
  padding-bottom: 0px; 
  padding-left:   0px;
  padding-right:  0px;

  border-left:  1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

div#spannedouter { 
  height:        100%; /* Bloody, stupid IE */
  min-height:    100%; /* Bloody, stupid IE */

  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:  224px; /* -1 for border */
  margin-right:   0px; /* -1 for border */

  padding-top:    0px;
  padding-bottom: 0px; 
  padding-left:   0px;
  padding-right:  0px;

  border-left:  1px solid #CCCCCC;
}

div#left { 
  position:  relative; /* Bloody, stupid IE */
  float:         left;
  vertical-align: top;

  width:        215px;

  margin-top:     0px;
  margin-bottom:  0px;
  margin-left: -226px; /* TI: -226; Korrekt: 225 */
  margin-right:   0px;

  padding-top:    0px; /* TI: 4px; Korrekt: 0 */
  padding-bottom: 0px; 
  padding-left:   0px;
  padding-right:  0px;
}

div#center { 
  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px; /* TI: -226; Korrekt: 225 */
  margin-right:   0px;

  padding-top:   15px;
  padding-bottom: 0px;
  padding-left:  10px;
  padding-right:  9px; /* -1 for border */
}

div#spannedouter div#center {
  padding-right: 0px;
}

div#right { 
  position:  relative; /* Bloody, stupid IE */
  float:        right;
  vertical-align: top;

  width: 230px;

  margin-top:     0px; /* Old value: 15px; */
  margin-bottom:  0px;
  margin-left:    0px; 
  margin-right:-231px;

  padding-top:    0px;
  padding-bottom: 0px; 
  padding-left:   0px;
  padding-right:  0px;
}

/* ------------------------------------------------------------------------
 * Left Navigation
 * ------------------------------------------------------------------------ */
div#left ul { 
  padding-top:    0px;
  padding-bottom: 0px;
  padding-left:   0px;
  padding-right:  0px;

  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;

  line-height: 23px;
  font-size: 12px; /* BFH-TI: 13px; Korrekt: 12px; */
}

div#left li { 
  list-style-type: none;
  padding-top:    0px;
  padding-bottom: 0px;
  padding-left:   0px;
  padding-right:  0px;

  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;

  line-height: 23px;
  font-size: 13px; /* BFH-TI: 13px; Korrekt: 12px; */
}

div#left a { 
  display: block;

  padding-top:    2px; /* BFH-TI: 9px; Korrekt: 4px; */
  padding-bottom: 3px; /* BFH-TI 10px; Korrekt: 5px; */
  padding-left:   0px;
  padding-right:  0px;

  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;


  line-height: 23px; /* Korrekt: 15px; */
  font-size: 13px; /* BFH-TI: 13px; Korrekt: 12px; */

  color: #999999;
  text-decoration:none;

  border-top: 1px solid white;
}

div#left ul.l1 a { 
  padding-left: 10px;
  color: #999999;
  border-top: 1px solid white;
}

div#left ul.l1 a:hover {
  color: #E2001A;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}

div#left ul.l1 a.active { 
  color: #E2001A;
  background-color: #EEEEEE; 
  border-top: 1px solid #EEEEEE;
}

div#left ul.l2 {
  border-bottom: 1px solid #CCCCCC;
}

div#left ul.l2 a { 
  padding-left: 30px;
  color: #333333;
  border-top: 1px solid white;
}

div#left ul.l2 a:hover {
  color: #E2001A;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}

div#left ul.l2 a.active { 
  color: #E2001A;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}

div#left ul.l3 {
  background-color: #F6F6F6;
}

div#left ul.l3 a { 
  padding-left: 40px;
  color: #333333;
  border-top: 1px solid #CCCCCC;
}

div#left ul.l3 a.active { 
  color: #E2001A;
  /* padding-bottom: 4px; */
  background-color: #EEEEEE;
  border-top: 1px solid #CCCCCC;
  /*border-bottom: 1px solid #CCCCCC;*/
}

div#left ul.l3 a:hover {
  color: #E2001A;
  background-color: #EEEEEE;
  border-top: 1px solid #CCCCCC;
}

div#left ul.l4 {
  /*border-top: 1px solid #CCCCCC;*/
  background-color: #F6F6F6;
}

div#left ul.l4 a { 
  padding-left: 60px;
  color: #333333;
  border-top: 1px solid #F6F6F6;
  border-bottom: 0px;
}

div#left ul.l4 a.active { 
  color: #E2001A;
  background-color: #F6F6F6;
  border-top: 1px solid #F6F6F6;
  border-bottom: 1px solid #F6F6F6;
}

div#left ul.l4 a:hover {
  color: #E2001A;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}

/* ------------------------------------------------------------------------
 * Banner && Breadcrumb
 * ------------------------------------------------------------------------ */
div#rightspan { 
  position:  relative; /* Bloody, stupid IE */
  float:        right;
  vertical-align: top;

  width:  745px;
  min-width:  745px;

  height: 160px;
  min-height: 160px;
  max-height: 160px;

  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px; 
  margin-right:-231px; /* +1 for border of outer */

  padding-top:    0px;
  padding-bottom: 0px; 
  padding-left:   0px;
  padding-right:  0px;

  background-color: white;
}

div#rightspan-nobanner {
  position:  relative; /* Bloody, stupid IE */
  float:        right;
  vertical-align: top;

  width:  745px;
  min-width:  745px;

  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px; 
  margin-right:-231px; /* +1 for border of outer */

  padding-top:    0px;
  padding-bottom: 0px; 
  padding-left:   0px;
  padding-right:  0px;

  background-color: white;
}

div#spannedouter div#rightspan{ 
  margin-right:   0px;
}

div#spannedouter div#rightspan-nobanner{ 
  margin-right:   0px;
}

/* This is ugly: IE6 has a problem with full length images, breaking the left float. So we need to position this floating right, and all things work */
img#banner { 
  margin:   0px;
  padding:  0px;
  border:   0px;
  width:  745px;
  height: 140px;

  margin-bottom: 5px;
}

div#breadcrumb { 
  margin-top:    0px;
  margin-bottom: 0px;
  margin-left:   0px;
  margin-right:  0px;

  padding-top:    0px;
  padding-bottom: 0px; 
  padding-left:   0px;
  padding-right:  0px;

  font-size: 11px;
  line-height: 11px;
  color:#999999;
}

div#breadcrumb li { 
  margin-right: 6px;
}

div#breadcrumb a, div#breadcrumb a:visited { 
  color : #999999;
  text-decoration:none;
}

div#breadcrumb a:hover {
  color: #333333;
}


/* ------------------------------------------------------------------------
 * Right Content
 * ------------------------------------------------------------------------ */

/* Bloody, stupid IE. */
div#right div#rightcontent { 
  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;

  padding-top:    0px;
  padding-bottom: 0px; 
  padding-left:  16px; /* This is a bit ugly, but easier than making sure */
  padding-right:  0px; /* that every conveivable element has a 8px left   */
                       /* padding except h2 and img                       */
  line-height:   15px;
}

#rightcontent h2{ 
  width:         100%; /* Bloody, stupid IE */

  margin-top:    15px;
  margin-bottom: 12px;
  margin-left:   -8px;
  margin-right:   0px;

  padding-top:    0px;
  padding-bottom: 0px; 
  padding-left:   8px;
  padding-right:  0px;

  font-size:     14px;
  line-height:   17px;

  color:      #666666;

  background-color:#EEEEEE;
  border-bottom: 1px solid #E4E4E4;
}

#rightcontent p { 
  margin-top: 0px;
  margin-bottom: 0px;
}

#rightcontent ul { 
  margin: 0px;
  padding-left: 26px;
}
#rightcontent img {
  margin-top:   -15px; /* This is Easier than having two h2 classes */
  margin-bottom:  0px;
  margin-left:   -8px;
  margin-right:   0px;

  padding-top:    0px; 
  padding-bottom: 0px; 
  padding-left:   0px;
  padding-right:  0px;

  width:        220px; /* Style doc is incorrect, it's actually 220 */
  height:       110px;

  border:           0;
}

#iconbox { 
  height:18px;
  min-height:18px;
  text-align: right;
  padding-bottom: 5px; /* Spec: 10px; Besser: 3px; */

  /* margin-top:-23px; */ /* +5px margin */
  /* width : 230px; */
  margin-left: -17px;
  /* border-left: 1px solid white; */


  width: 231px;
}

#iconbox img { 
  margin:0px;
  padding:0px;
  border: 0px;
  margin-left: 10px;
}

#iconbox #pdficon { 
  height: 16px;
  width:  23px;
}

#iconbox #mailicon { 
  height: 16px;
  width:  20px;
}

#iconbox #printicon { 
  height: 18px;
  width:  21px;
}

#searchbox { 
  margin-bottom: 18px;
}
#searchbox h2 { 
  margin-top: 0px;
  margin-bottom: 12px;
}

#searchbox * {
  line-height: 18px;
}

#searchInputField {
  margin-right: 8px;
  width:125px;
}

#searchSubmitButton{
  width:         70px; /* +3 for left/right border */
}

#searchbox a.linkWithArrowBefore {
  margin-top: 5px;
  display: block;
}

/* ------------------------------------------------------------------------
 * Actual Content
 * ------------------------------------------------------------------------ */
#tabs { 
  background-image:url('/gfx/tabs_border.gif');
  background-repeat:repeat-x;
  background-position:top; 

  height:        22px;
  min-height:    22px;

  margin-top:    15px;
  margin-bottom: 15px; /* BFH-TI: 20px; Korrekt: 30px; */
  margin-left:    0px;
  margin-right:   0px;

  padding-top:    0px;
  padding-bottom: 0px;
  padding-left:   0px;
  padding-right:  0px;
}

#tabs .active, #tabs .inactive{
  position: relative;
  float:left;
  vertical-align:top;

  height:        18px;
  min-height:    18px;

  margin-top:    0px;
  margin-bottom: 0px;
  margin-left:   0px;
  margin-right:  0px;

  padding-top:    2px;
  padding-bottom: 0px;
  padding-left:   0px;
  padding-right:  0px;

  cursor : pointer;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  background-color: #EEEEEE;
  line-height: 12px;

  border-top:   1px solid white;
  border-left:  1px solid #CCCCCC;
  border-right: 1px solid #EEEEEE;
}

#tabs .active {
  background-color : white;

  border-top:    1px solid #CCCCCC;
  border-left:   1px solid #CCCCCC;
  border-right:  1px solid #CCCCCC;
  border-bottom: 1px solid white;
}

#tabs div.active + div.inactive {
  border-left:   1px solid #EEEEEE;
}

#tabs .active a {
  height:        17px;
  min-height:    17px;

  border-bottom: 2px solid #E2001A;
}

#tabs a {
  position: relative;
  float:left;
  vertical-align:top;

  margin-left:   8px;
  margin-right:  8px;

  padding-top: 3px;

  color: #666666;
  text-decoration:none;

}

#tabs a:hover {
  color: #666666;
}

/* ------------------------------------------------------------------------
 * Actual Content
 * ------------------------------------------------------------------------ */
h1, h2, h3, p { 
  margin: 0px;
  padding: 0px;
}

h2, h3 { 
  margin-top: 1em;
}

p { 
  margin-bottom: 1em;
}

h1 { 
  font-size:18px;
  font-weight: bold;
  /* line-height:18px; */
  color:#E2001A;
  margin-top: 2px;
  margin-bottom: 9px;
}

h2 { 
  font-size:14px;
  font-weight: bold;
  line-height:17px;
  color:#333333;
}

h3 { 
  font-size:12px;
  font-weight: bold;
  line-height:17px;
  color:#333333;
}

a { 
  color: #E2001A;
  text-decoration: none;
}

a:hover { 
  text-decoration: underline;
}

img {
  border: 0px;
}

th         { text-align : left;   }
th.foot    { text-align : center; }
th.left    { text-align : left;   }
th.top     { text-align : center; }
th.topleft { text-align : left;   }

td         { text-align : left;   }
td.center  { text-align : center; }
td.subinfo { text-align : center; }
                                                                                
th         { vertical-align : top;    }
th.foot    { vertical-align : middle; }
th.left    { vertical-align : top;    }
th.top     { vertical-align : middle; }
th.topleft { vertical-align : top;    }

td         { vertical-align : top;    }
td.center  { vertical-align : middle  }
td.subinfo { vertical-align : top;    }

td.subinfo {
  font-size  : 8px;
  font-style : italic;
}

table.colored th         { font-weight: normal; }

table.colored th         { background-color : #003366; }
table.colored th.top     { background-color : #003366; }
table.colored th.left    { background-color : #003366; }
table.colored th.topleft { background-color : #003366; }
table.colored th.foot    { background-color : #99CCFF; }
table.colored th.blank   { background-color : #FFFFFF; }
table.colored td         { background-color : #99CCFF; }
table.colored td.foot    { background-color : #99CCFF; }
table.colored td.subinfo { background-color : #003366; }
table.colored td.blank   { background-color : #FFFFFF; }

table.colored th         { color : #DCEDFF; }
table.colored th.top     { color : #DCEDFF; }
table.colored th.left    { color : #DCEDFF; }
table.colored th.topleft { color : #DCEDFF; }
table.colored th.foot    { color : #99CCFF; }
table.colored td.foot    { color : #99CCFF; }
table.colored td.subinfo { color : #DCEDFF; }

table.LTable td { text-align : center; }

/* This would read nicer as 
   .LTable tr td:first-child { text-align : left; }
   But IE6 can't hanlder that
*/
table.LTable td.leftify { text-align : left; }

table.LTable tfoot { font-style : italic; }

table.legend { 
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin-top: 9px;
  margin-bottom: 9px;
}

table.legend td * { 
  margin: 0px;
}

table.legend tr td ol {
  padding-left: 20px;
}

table.legend tr td ol li {
  padding: 0px;
  margin: 0px;
}


/* ------------------------------------------------------------------------
 * Generic Classes
 * ------------------------------------------------------------------------ */
div.linklist p { 
  margin-bottom: 0px;
}

div.linklist a, .linkWithArrowBefore {
  background-image: url('/gfx/new/icon_arrow.gif');
  background-repeat: no-repeat;
  background-position:0% 50%;
  padding-left:18px;
  color:#333;
}

.linkWithArrowAfter {
  background-image: url('/gfx/new/icon_arrow.gif');
  background-repeat: no-repeat;
  background-position:100% 50%;
  padding-right:15px;
  color:#333;
}

a.pdf { 
  background: transparent url('/gfx/new/file_pdf.gif') no-repeat scroll left top;
  padding-left: 25px;
  padding-bottom: 5px;
}

ul.download { 
  padding-left: 0px !Important;
}

ul.download li { 
  list-style-type: none;
  background: transparent url('/gfx/new/file_pdf.gif') no-repeat scroll left top;
  padding-left: 25px;
  padding-bottom: 5px;
}

ul.download li a { 
  color:#333;
}

.justify   { text-align : justify; }
.leftify   { text-align : left;    }
.centerify { text-align : center;  }
.rightify  { text-align : right;   }