/*######################################
  Global Styles, to norm all elements
######################################*/
  html, body, table, form, button, select, input, textarea, p, h1, h2, h3, h4, h5, h6 {
    margin: 0px; padding: 0px; font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, Sans-serif; font-size: 12px; line-height: 120%; color: #444;
  }
  
  html, body { height: 100%; background: #FFF; text-align: center; }

/*---------------------------------------------
Set as blockelements
---------------------------------------------*/
  h1, h2, h3, h4, h5, h6, hr, div, p, form { display: block; }

/*---------------------------------------------
Set font bold inside of this elements.
---------------------------------------------*/
  strong, caption, optgroup, .strong { font-weight: bold; font-style: normal; }
  sup { font-size: 7px; }

/*---------------------------------------------
no borders for table and images
---------------------------------------------*/
  img, table { border: 0px none; }

/*---------------------------------------------
Set a margin for pharagraph-TAG
---------------------------------------------*/
  p { margin: 0; padding: 0; }

/*---------------------------------------------
Set general link style
---------------------------------------------*/
  a:link, a:visited, a:hover, a:active { color: #4496ff; font-weight: normal; text-decoration: none; }
  a:hover, a:active { text-decoration: underline; }
  a:focus { outline: 0; }
  
/*####################################
  STYLES
####################################*/
  div#page { position: relative; width: 800px; margin: 30px auto; text-align: left; /*min-height: 100%; height: auto !important; height: 100%;*/ cursor: default; }
  
  h1 { position: relative; padding: 4px; margin-bottom: 10px; border-bottom: 1px solid #555; }
  h1 small { position: absolute; right: 4px; top: 6px; font-style: italic; }
  h1 span#redirect { color: #AAA; margin-left: 15px; font-weight: normal; font-style: italic; }
  
  div#welcome { margin-bottom: 10px; text-align: right; }
  
  div#navigation { margin-top: 116px; margin-left: 4px; }
  div#navigation a:link, div#navigation a:visited { position: relative; display: block; width: 140px; padding: 1px 0; }
  div#navigation a:hover, div#navigation a:active, div#navigation a.a { text-decoration: none; color: #000; }
  div#navigation small { position: absolute; right: 2px; color: #999; }
  div#navigation small.red { color: red; }
  
/* TABLE SETTINGS */
  table.hperc { position: relative; width: 100%; padding: 0; margin: 0 1px; /*background: #CCC;*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
  table.hperc tr td { padding: 1px 5px; height: 23px; }
  table.hperc tr td.i { padding: 1px; }
  tr.kat td { font-weight: bold; border-bottom: 2px solid #AAA; vertical-align: middle; }
  tr.kat td small { font-weight: normal; }
  tr.first td { border-bottom: 1px solid #CCC; background-color: #FFF; }
  tr.second td { border-bottom: 1px solid #CCC; background-color: #F9F9F9; }
  table.hperc tr.third td { padding-top: 5px; }
  tr.hover:hover { background-color: #e9e9e9 }  
  
/* INPUT FIELDS */
  select { margin: 1px; padding: 1px 2px; cursor: pointer; }
  .input { width: 350px; padding: 1px; margin: 1px; border: 1px solid #888; }
  textarea.input { height: 60px; }
  label { cursor: pointer; }
  
  fieldset { border: 1px solid #AAA; }
  fieldset legend { margin-left: 10px; padding: 0 10px; }
  fieldset label { display: block; width: 120px; float: left; }
  fieldset br { clear: both; }

/* TOOLS */
  .block { display: block; }
  .tiny { width: 1%; white-space: nowrap; }
  .nowrap { white-space: nowrap; }
  .float { float: left; }
  .float-right { float: right; }
  small { font-weight: normal; }
  .center { text-align: center; }
  .right { text-align: right; }
  .icon { vertical-align: middle; }
  .submit { cursor: pointer; overflow: visible; padding: 0 6px; }
  .grey { color: #999; }
  .red { color: red; }
  .pointer { cursor: pointer; }
  
  img.border { padding: 2px; border: 1px solid #4496ff; }
  img.border:hover { border: 1px solid #000; }
  
  div.info {
    text-align: center; color: #AAA;
    padding-bottom: 7px;
  }
  
/* TOOLTIP */
  div.tooltip {
    position: absolute; text-align: left;
    width: 210px; overflow: hidden; white-space: normal;
    border: 1px solid #4496ff; background: #FFF;
    padding: 3px; font-size: 10px; color: #000;
    margin-top: -15px; margin-left: 50px;
  }
  
/* SITE NAVIGATION */  
  span#siteNavi { width: 600px; display: block; position: relative; text-align: right; margin: 5px; margin-bottom: 10px; }
  span#siteNavi a:link, span#siteNavi a:visited { padding: 3px 7px; font-weight: normal; }
  span#siteNavi a.siteFirst:link, span#siteNavi a.siteFirst:visited { font-weight: bold; }
  span#siteNavi a:hover, span#siteNavi a:active, span#siteNavi a.siteNow:link, span#siteNavi a.siteNow:visited { text-decoration: none; background: #4496ff; color: #FFF; }
  
/* TOGGLE */    
  .toggle { display: none; }
  .fieldsetToggle { padding-top: 0; padding-bottom: 0; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; }