@charset "UTF-8";
/**
 * This is the base css file for HeJian XHTML/CSS Framework
 * Don't make any changes in this file!
 *
 * @copyright       Copyright 2005-2008, Jian He
 * Home: http://shpchp.3322.org
 * Email: hejian.he@gmail.com
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  */

  /* Global reset of paddings and margins for all HTML elements */
  * { margin:0; padding: 0; }

  /* Fixing margin/padding reset caused too small select boxes. */
  option { padding-left: 0.4em; }

 /**
  * Global fix of the Italics bugs in IE 5.x and IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    font-size: 100.01%;

  /* Standard values for colors and text alignment */
    color: #000;
    background: #fff;
    text-align: left;
  }

  /* Clear borders for <fieldset> and <img> elements */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

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

 /**
  * @section base layout | Basis Layout
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* Text Alignment for #topnav content */
  #topnav { text-align: right; } 

  /* Absolute positioning only within #header */
  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px;
  }

  /* Backup for correct positioning */
  #header, #nav, #main, #footer { clear:both; }

  /* Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* Standard: center column with flexible width */
  #col3 { width:auto; margin: 0 200px }


  /* Preparation for absolute positioning within content columns */
  #col1_content, #col2_content, #col3_content { position:relative; }

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

 /**
  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 { margin-left: 0; margin-right: 0; }
  .hidecol1 #col3 { margin-left: 0; margin-right: 200px; }
  .hidecol2 #col3 { margin-left: 200px; margin-right: 0; }

  .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }

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

 /**
  * @section clearing methods
  */

  /* clearfix method for clearing floats */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* essential for Safari browser !! */
  .clearfix { display: block; }

  /* overflow method for clearing floats */
  .floatbox { overflow:hidden; }

  /* IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display: none; }

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

 /**
  * @section subtemplates
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* alternative class for optional support of old Mozilla/Netscape browers */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

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

 /**
  * @section hidden elements | Versteckte Elemente
  *
  * skip links and hidden content
  */

  /* classes for invisible elements in the base layout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* make skip links visible when using tab navigation */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }

/* others */

body {
  font-family: arial,helvetica,sans-serif;
}
input, select { vertical-align : middle; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
td { vertical-align: top; }
code {
  border: 1px solid #FFFFFF;
  display: block;
  overflow: auto;
  white-space: pre;
  line-height: 8px;
  padding-left: 5px;
}

/* Layout */
body {
  text-align: center;
  font-size: 11px;
}
#page_margins {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}
#textsizer {
  float: right;
  padding: 0 2px;
}
#textsizer a {
  font-weight: bold;
  padding: 0 2px;
}
#textsizer .smaller {
  font-size: 60%;
}
#textsizer .reset {
  font-size: 80%;
}
#textsizer .larger {
  font-size: 100%;
}
#headernav {
  float: right;
}
h1 a {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 48px;
  font-weight: bold;
}
h1 a:hover {
  text-decoration: none;
}
#nav ul {
  line-height: 24px;
  margin: 0;
}

.layout-32 #col1,
.layout-13 #col2 {
  display: none;
}
.layout-13 #col3 {
  margin-right: 0;
}
.layout-32 #col3 {
  margin-left: 0;
}
.sidebar .block {
  margin-bottom: 5px;
}

/* nav style */
#headernav ul, #nav ul, #nav2 ul {
  margin: 0;
}
#nav ul {
  overflow: hidden;
}
#headernav li, #nav li, #nav2 li , #footernav li {
  position: relative; /* positioning context for the absolutely positioned drop-down */
  list-style: none; /* removes the bullet off each list item */
  float: left; /* causes the list to align horizontally instead of stack */
  z-index: 10;
  margin: 0;
}
#headernav a, #nav a, #nav2 a, #footernav a {
  padding: 0 10px;
}
/* the drop-down menu */
#nav ul li ul {
  position: absolute;
}
#nav ul li ul li {
  float: none;
}
/* make the drop-down display as the menu is rolled over */
#nav ul li ul {visibility:hidden;z-index:10;} /* conceals the drop-down when menu not hovered */
#nav ul li:hover ul {visibility:visible; } /* shows the drop-down when the menu is hovered */
/* sub-menu */
#nav ul li ul li ul { visibility: hidden; z-index: 10;}
#nav ul li ul li:hover ul { visibility: visible; }
/* sub-sub-menu */
#nav ul li ul li:hover ul li ul { visibility: hidden; z-index: 10;}
#nav ul li ul li ul li:hover ul { visibility: visible; }

#nav2 ul ul {
  position: absolute;
  visibility: hidden;
}
#nav2 ul li:hover ul {
  visibility: visible;
}
#nav2 ul li ul li a {
  white-space: nowrap;
}

.vertnav {
  z-index: 10;
}
.vertnav li {
  position: relative;
  list-style: none;
  z-index: 10;
  margin: 0;
}
.vertnav a {
  display: block;
  padding: 2px 10px;
}
.vertnav ul li:hover {
  background: #c0c0c0;
}
.vertnav ul li ul {
  position: absolute;
  top: 0;
  left: 153px;
  background: #fff;
  border: 1px solid #c0c0c0;
  width: 152px;
}
.vertnav ul li ul { display: none; z-index: 10; }
.vertnav ul li:hover ul { display: block; }
.vertnav ul li ul li ul { visibility: hidden; z-index: 10; }
.vertnav ul li ul li:hover ul { visibility: visible; }

/* jquery */
.ui-tabs-nav {
  overflow: hidden;
  margin: 0;
}
.ui-tabs-nav li {
  list-style: none;
  float: left;
  margin: 0;
}
.ui-tabs-hide {
  display: none;
}

}