/*
    ------------------------------------------------------------------
      BASIC STYLESHEET
      Erik, Juli 2011
    ------------------------------------------------------------------
  */

  /*
    ---------------------------------
      BROWSER REWRITE
    ---------------------------------
  */

  * {
    padding:0;
    margin:0;
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    line-height:inherit;
  }

  /*
    ---------------------------------
      TAG LIBRARY
    ---------------------------------
  */

  html {
    overflow-y:scroll;
  }

  body {
    color:#777;
    font-size:12px;
    font-family:arial,verdana,sans-serif;
    line-height:130%;
  }

  a {
    text-decoration:none;
  }

  a img {
    border:0;
  }

  table,ul,ol,p {
    margin-bottom:15px;
  }


  ol,ul {
    margin-left:30px;
  }

  hr {
    background:transparent;
    border:0;
    height:0;
    line-height:0;
    font-size:0;
  }

  /*
    ---------------------------------
      CLASS LIBRARY
    ---------------------------------
  */

  .fleft    { float:left; }
  .fright   { float:right; }
  .cleft    { clear:left; }
  .cright   { clear:right; }
  .cboth    { clear:both; }
  .dnone    { display:none; }
  .lstnone  { list-style-type:none; }

  .dblock {
    display:block;
  }

  .ohidden {
    overflow:hidden;
  }

  .shadow {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
  }

  .alert, .error {
    font-weight:bold;
    color:red;
  }

  .important, .warning, .hinweis {
    font-weight:bold;
    color:#f90;
  }

  .success {
    font-weight:bold;
    color:green;
  }

  .fs6 { font-size:6px; }
  .fs7 { font-size:7px; }
  .fs8 { font-size:8px; }
  .fs9 { font-size:9px; }
  .fs10 { font-size:10px; }
  .fs11 { font-size:11px; }
  .fs12 { font-size:12px; }
  .fs13 { font-size:13px; }
  .fs14 { font-size:14px; }
  .fs16 { font-size:16px; }
  .fs18 { font-size:18px; }
  .fs20 { font-size:20px; }
  .fs22 { font-size:22px; }
  .fs24 { font-size:24px; }
  .fs28 { font-size:28px; }
  .fs32 { font-size:32px; }
  .fs36 { font-size:36px; }
  .fs48 { font-size:48px; }
  .fs60 { font-size:60px; }

  .line, .linie {
    border-top:1px solid #ccc;
  }

  .bmb { margin-bottom:15px; }
  .bml { margin-left:15px; }
  .bmr { margin-right:15px; }
  .bmt { margin-top:15px; }

  .bmbs { margin-bottom:10px; }
  .bmls { margin-left:10px; }
  .bmrs { margin-right:10px; }
  .bmts { margin-top:10px; }

  .bmbt { margin-bottom:5px; }
  .bmlt { margin-left:5px; }
  .bmrt { margin-right:5px; }
  .bmtt { margin-top:5px; }

  .nmb { margin-bottom:0; }

  .tooltip {
    cursor:help;
    border-bottom:1px dotted;
  }

  .tright   { text-align:right; }
  .tleft    { text-align:left; }
  .tcenter  { text-align:center; }
  .tjustify { text-align:justify; }

  .tnormal  { font-weight:normal; }
  .tfett, .tbold { font-weight:bold; }

  .w50   { width:50px;  }
  .w100  { width:100px; }
  .w150  { width:150px; }
  .w200  { width:200px; }
  .w250  { width:250px; }
  .w300  { width:300px; }
  .w350  { width:350px; }
  .w400  { width:400px; }
  .w450  { width:450px; }
  .w500  { width:500px; }
  .w550  { width:550px; }
  .w600  { width:600px; }

  .w100p {
    width:100%;
  }

  img.iva {
    vertical-align:-3px;
  }

  /*
    ---------------------------------
      PAGINATION CLASS
    ---------------------------------
  */

  .pagination {
    float:right;
    font-size:12px;
  }

  .pagination b {
    padding:0 5px;
  }

  .pagination span {
    display:none;
  }

  #content .pagination a,
  .pagination a {
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    padding:0.3em 0.6em;
    line-height:16px;
    color:#333;
    background:#eee;
    border:1px solid #999;
    border-bottom-color:#888;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
  }

  #content .pagination a:hover,
  .pagination a:hover {
    background:#fafafa;
  }
  
  /*
    ---------------------------------
      TOOLTIPPS
    ---------------------------------
  */
  
		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 150px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }