/*
            Joomla!-Template by freaks4freaks.de
          */


body {
    margin: 0;
    font-family: 'Trebuchet MS';
    padding: 0;
    color: #333;
}

#topline {
    height: 1.55em;
    padding: 0 5em 0 5em;
    background: url('../images/topline.png') repeat-x top;
    border-bottom: 1px solid #fff;
}
  #topline a.max_font {
      font-size: 1em;
      text-decoration: none;
      color: #fff;
      padding: 0 .2em .18em .2em;
  }
  #topline a.max_font:link {
      font-size: 1em;
      text-decoration: none;
      color: #fff;
      padding: 0 .2em .18em .2em;
  }
  #topline a.max_font:hover {
      background-color: #fff;
      color: #000;
  }
  #topline a.default_font {
      color: #fff;
      text-decoration: none;
      font-size: .8em;
      padding: .2em .2em .3em .2em;
  }
  #topline a.default_font:link {
      color: #fff;
      text-decoration: none;
      font-size: .8em;
      padding: .2em .2em .3em .2em;
  }
  #topline a.default_font:hover {
      background-color: #fff;
      color: #000;
  }
  #topline a.min_font {
      color: #fff;
      text-decoration: none;
      font-size: .6em;
      padding: .5em .2em .4em .2em;
  }
  #topline a.min_font:link {
      color: #fff;
      text-decoration: none;
      font-size: .6em;
      padding: .5em .2em .4em .2em;
  }
  #topline a.min_font:hover {
      color: #000;
      background-color: #fff;
  }
  
  #topline .search {
      float: right;
      margin-right: 1em;
  }
  #topline .search .inputbox {
      height: 20px;
      margin-top: .15em;
      width: 10em;
      padding: .1em 1em 0 1em;
      font-family: 'Trebuchet MS';
      background: url('../images/search.png') no-repeat top left;
      font-size: .8em;
      border: 0;
  }
  
#namenflash {
    height: 10em;
    /* background-color: #4f79a4; */
    background: url('../images/head.png') repeat-x top;
}
  #namenflash .sitename {
      font-size: 3em;
      color: #000;
      font-weight: normal;
      margin: 0;
      padding: .5em .5em .2em 1em;
  }
  #namenflash .sitename a {
      text-decoration: none;
      color: #fff;
      letter-spacing: .1em;
      font-variant: small-caps;
  }
  #namenflash .sitename a:link {
      text-decoration: none;
      color: #fff;
      letter-spacing: .1em;
      font-variant: small-caps;
  }
  #namenflash .sitename a:hover {
      text-decoration: none;
      color: #fff;
      letter-spacing: .1em;
      font-variant: small-caps;
  }
  #namenflash .sitename a:visited {
      text-decoration: none;
      color: #fff;
      letter-spacing: .1em;
      font-variant: small-caps;
  }
  #namenflash .contentpaneopen {
      position: absolute;
      top: 3.5em;
      right: 6em;
      width: 35em;
      border: 0;
      border-collapse: collapse;
      font-size: 1em;
      margin: .8em 1.6em 1em 5em;
      padding: .5em;
  }
  
#mainlevel-nav {
    border-top: 1px solid #fff;
    height: 1.3em;
    font-size: 1.2em;
    background-color: #ededed;
    margin: 0;
    padding: 0 1em 0 4.5em;
    background: url('../images/topline.png') repeat-x top;
}
  #mainlevel-nav li {
      float: left;
      margin: 0 .5em 0 0;
      padding: 0;
      list-style: none;
      font-size: .8em;
      font-weight: bold;
      letter-spacing: .05em;
  }
  #mainlevel-nav a {
      text-decoration: none;
      color: #fff;
      display: block;
      height: 1.8em;
      padding: 0 1em 0 1em;
      line-height: 1.9em;
  }
  * html #mainlevel-nav a {
      display: inline;
  }
  #mainlevel-nav a:link {
      text-decoration: none;
      color: #fff;
      display: block;
      height: 1.8em;
      padding: 0 1em 0 1em;
      line-height: 1.9em;
  }
  * html #mainlevel-nav a:link {
      display: inline;
  }
  #mainlevel-nav a:hover {
      background: url('../images/topnavi_hover.png') no-repeat center -48px;
      height: 2.3em;
      color: #ccc;
  }
  
#path_date {
    padding: 0 2em 1em 2em;
    font-size: 1em;
    letter-spacing: 1px;
    background: url('../images/path_date.png') repeat-x 20px 0;
    height: 1.4em;
    margin: .8em .5em 0 .5em;
}
  #path_date a {
      color: #0f75b0;
      text-decoration: none;
      border-bottom: 1px dotted #5dd6f9;
  }
  #path_date a:link {
      color: #0f75b0;
      text-decoration: none;
      border-bottom: 1px dotted #5dd6f9;
  }
  #path_date a:hover {
      color: #d22c2c;
      text-decoration: none;
      border-bottom: 1px solid #d22c2c;
  }
  #path_date span.pathway {
      display: block;
      float: left;
      background-color: #fff;
      padding: 0 .2em 0 .2em;
  }
  #path_date span.date {
      float: right;
      display: block;
      background-color: #fff;
      padding: 0 .2em 0 .2em;
  }
  
#leftcol {
    width: 12em;
    font-size: .8em;
    font-weight: bold;
    float: left;
}
  #leftcol h3 {
      font-variant: small-caps;
      background-color: #557faa; /* 6a95c1 */
      color: #fff;
      font-size: 1.3em;
      letter-spacing: .1em;
      text-align: center;
      margin: 1em -.3em .5em -.3em;
  }
  #leftcol .mainlevel {
      display: block;
      padding: .2em 0 .2em 1.8em;
      background: url('../images/menu.png') no-repeat 8px 7px;
      text-decoration: none;
      color: #6a95c1;
      background-color: #f1f5f8;
      font-size: 1.1em;
      margin: 0 -.3em 0 -.3em;
      border: 0;
  }
  * html #leftcol .mainlevel {
      background: url('../images/menu.gif') no-repeat 8px 7px;
  }
  #leftcol .mainlevel:link {
      display: block;
      padding: .2em 0 .2em 1.8em;
      background: url('../images/menu.png') no-repeat 8px 7px;
      text-decoration: none;
      color: #6a95c1;
      background-color: #f1f5f8;
      font-size: 1.1em;
      margin: 0 -.3em 0 -.3em;
      border: 0;
  }
  * html #leftcol .mainlevel:link {
      background: url('../images/menu.gif') no-repeat 8px 7px;
  }
  #leftcol .mainlevel:hover {
      background-color: #d2dde8;
      border: 0;
      margin: 0 -.3em 0 -.3em;
      color: #6a95c1;
  }
  #leftcol .sublevel {
      display: block;
      padding: .2em 0 .2em 3.2em;
      background: url('../images/menu.png') no-repeat 23px 7px;
      text-decoration: none;
      color: #6a95c1;
      background-color: #f1f5f8;
      font-size: 1.1em;
      margin-left: -4px;
      margin: 0 -.3em 0 -.6em;
      border: 0;
  }
  * html #leftcol .sublevel {
      background: url('../images/menu.gif') no-repeat 23px 7px;
  }
  #leftcol .sublevel:link {
      display: block;
      padding: .2em 0 .2em 3.2em;
      text-decoration: none;
      color: #6a95c1;
      background-color: #f1f5f8;
      border: 0;
      font-size: 1.1em;
      margin: 0 -.3em 0 -.6em;
  }
  * html #leftcol .sublevel:link {
      background: url('../images/menu.gif') no-repeat 23px 7px;
  }
  #leftcol .sublevel:hover {
      background-color: #d2dde8;
      border: 0;
      color: #6a95c1;
  }
  #leftcol .module {
      background-color: #f1f5f8;
      padding: 0 .3em .5em .3em
  }
  #leftcol a {
      color: #0f75b0;
      text-decoration: none;
      border-bottom: 1px dotted #5dd6f9;
  }
  #leftcol a:link {
      color: #0f75b0;
      text-decoration: none;
      border-bottom: 1px dotted #5dd6f9;
  }
  #leftcol a:hover {
      color: #d22c2c;
      text-decoration: none;
      border-bottom: 1px solid #d22c2c;
  }
  #leftcol #mod_login_username {
      width: 10.6em;
  }
  #leftcol #mod_login_password {
      width: 10.6em;
  }
  #leftcol a#active_menu {
      background: #d2dde8 url('../images/menu.png') no-repeat 8px 5px;
  }
  * html #leftcol a#active_menu {
      background: #d2dde8 url('../images/menu.gif') no-repeat 8px 5px;
  }

#content {
    font-size: 1em;
    margin: 1em 1em 0 12em;
    color: #333;
    padding-bottom: 1em;
    min-height: 30em;
}
* html #content {
    height: 38em;
}
* html #content .contentpane {
    margin-top: -23em;
}
  #content a {
      color: #0f75b0;
      text-decoration: none;
      border-bottom: 1px dotted #5dd6f9;
  }
  #content a:link {
      color: #0f75b0;
      text-decoration: none;
      border-bottom: 1px dotted #5dd6f9;
  }
  #content a:hover {
      color: #d22c2c;
      text-decoration: none;
      border-bottom: 1px solid #d22c2c;
  }
  #content .componentheading {
      font-variant: small-caps;
      font-size: 2.4em;
      font-weight: bold;
      color: #000;
      letter-spacing: .2em;
      margin-bottom: .8em;
  }
  #content .contentheading {
      font-variant: small-caps;
      font-size: 2em;
      font-weight: bold;
      color: #000;
      letter-spacing: .1em;
  }
  #content .sectiontableheader {
      border-bottom: 1px solid #444;
      font-weight: bold;
  }
  #content .small, #content .createdate {
      color: #7f7f7f;
      padding: .1em 1em .1em 1em;
      font-size: .9em;
  }
  #content .modifydate {
      background-color: #f3f3f3;
      display: block;
      color: #888;
      padding: .1em 1em .1em 1em;
      margin-top: .5em;
      font-size: .9em;
  }
  #content ul li {
      list-style-type: square;
  }
  #content a img {
      border: 0;
  }
  
#line {
    height: 1.5em;
    background: url('../images/topline.png') repeat-x top;
    text-align: right;
    clear: both;
    padding: 0 1em 0 1em;
    border-bottom: 1px solid #fff;
}
  #line a {
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      font-size: .8em;
      line-height: 2em;
  }
  #line a:link {
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      font-size: .8em;
      line-height: 2em;
  }
  #line a:hover {
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      font-size: .8em;
      line-height: 2em;
  }
  
#latest_news_popular {
    height: 7em;
    background: url('../images/head.png') repeat-x top;
    padding: .5em 2em 0 2em;
    border-bottom: 1px solid white;
}
#sep {
    width:30em;
    position:relative;
    margin:0px auto;
}
*:first-child+html #sep {
    width: 35em;
}
* html #sep {
    width: 40em;
}
  ul.latestnews li, ul.mostread li {
      list-style-type: square;
  }
  ul.latestnews {
      float: left;
      margin: 0;
      width: 15em;
      font-size: .8em;
  }
  * html ul.latestnews li, * html ul.mostread li {
      margin-bottom: -1em;
  }
  ul.mostread {
      font-size: .8em;
      width: 28em;
  }
  #latest_news_popular a {
      display: block;
      text-decoration: none;
      color: #fff;
  }
  #latest_news_popular a:hover {
      color: #dedede;
  }
  
#footer {
    position: absolute;
    bottom: 3em;
    right: 1em;
    width: 20em;
    font-size: .7em;
    color: #000;
}
* html #footer {
    top: 4em;
    right: 0;
}
  #footer a {
      display: inline;
      color: #000;
      font-weight: bold;
      text-decoration: none;
  }
  #footer a:link {
      display: inline;
      color: #000;
      font-weight: bold;
      text-decoration: none;
  }
  #footer a:hover {
      display: inline;
      color: #000;
      font-weight: bold;
      text-decoration: underline;
  }

label {
    cursor: pointer;
}