/* Copyright 2012 by Matthias Herich - http://www.mherich.de */


/******************** This file includes default overwrites for the Foundation Framework. So the latest Foundation file can be integrated without redoing the changes again and again. It also includes basic styles for the Joomla CSS ********************/

/*  -------------------------------------------------------------------------
     Grid Overwrites
  ------------------------------------------------------------------------- */
  .container { padding: 0; }
  
/*  -------------------------------------------------------------------------
     Nav Bar with Dropdowns - Integrates the Foundation DropDown into Joomla - Use Joomla module class suffix: nav-bar
  ------------------------------------------------------------------------- */
  
  .menu.nav-bar{background: none; margin-top: 0px; border: 0px solid #ddd;}  
  .menu.nav-bar>li { display: block; position: relative; padding: 0; margin: 0; border-right: 0px solid #ddd; line-height:normal; padding:0px 0px;}
  .menu.nav-bar>li li.parent ul { display: none;}
  .menu.nav-bar li.parent ul {display:none;}
  
  /* lists nested under hovered list items. Hides and show em on mouse over */
  ul.menu li.parent:hover ul, ul.menu li.over ul { display: block; top: 40px;  z-index: 40; width:8em;position:absolute;}
  ul.menu li.parent:hover ul li ul, ul.menu li.over ul li ul {display:none;}
  ul.menu li.parent ul li:hover ul, ul.menu li ul li.over ul {display:block; margin-left:8em; top:0; z-index:50;}
  ul.menu li.parent:hover ul li ul li ul, ul.menu li.over ul li ul li ul{display:none;}
  ul.menu li.parent ul li ul li:hover ul, ul.menu li ul li ul li.over ul {display:block; display:block; margin-left:8em; top:0; z-index:60;}
  ul.menu li.parent:hover ul li ul li ul li ul, ul.menu li.over ul li ul li ul li ul{display:none;}
  ul.menu li.parent ul li ul li ul li:hover ul, ul.menu li ul li ul li ul li.over ul {display:block; display:block; margin-left:8em; top:0; z-index:70;}    
  
  
/*  --------------------------------------------------
     Sub Navs and TOC. Use Joomla module class suffix: sub-nav
  -------------------------------------------------- */

    .sub-nav, #article-index {display: block;width: auto;overflow: hidden;margin: -4px 0 18px -9px;padding-top: 4px; float:right;}
  .sub-nav li, #article-index ul li {float: left;display: inline; margin-left: 9px;margin-bottom: 4px;}
  .sub-nav li, #article-index ul li {color: #999;font-weight: normal;}
  .sub-nav li a, #article-index ul li a { text-decoration: none;-webkit-border-radius: 12px;-moz-border-radius: 12px;padding: 1px 6px; }
  .sub-nav li.active a, #article-index ul li a.active {background: #58ab27;color: #fff;}
  
/*  --------------------------------------------------
    Breadcrumbs
    -------------------------------------------------- */    
    .breadcrumbs { display: block;  overflow: hidden; margin-bottom:10px;}
  .breadcrumbs img {display:none;}
  .breadcrumbs span { margin: 0; padding: 0; }
  .breadcrumbs span a,.breadcrumbs span span { text-transform: uppercase;  padding-left: 12px; }
  .breadcrumbs span:first-child a, .breadcrumbs span:first-child span { padding-left: 0; }
  .breadcrumbs a:after { content: " / "; color: #aaa; }
  .breadcrumbs span:first-child:after { content: ""; }
  
/*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */
    .pagination {float:left; width:100%;}
    .pagination ul{ display: block; height: 24px; margin-left: -5px; }
    .pagination ul li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; padding: 6px 7px 4px;}
    .pagination ul li a { display: block;  color: #555; }
    .pagination ul li.current a, .pagination ul li:hover a, .pagination ul li a:focus { border-bottom: solid 2px #58ab27; color: #141414; }
    .pagination ul li.unavailable a { cursor: default; color: #999; }
    .pagination ul li.unavailable:hover a, .pagination ul li.unavailable a:focus { border-bottom: none; }

/*  --------------------------------------------------
    Buttons
    -------------------------------------------------- */    
    .button.nice { 
    background-image: url(/images/misc/button-gloss.png) repeat-x 0 -31px;
  }

/*  -------------------------------------------------------------------------
     Joomla custom classes and styles
  ------------------------------------------------------------------------- */
  
  /* Joomla Article Layout */
  ul.pagenav {float:left; width:100%;}
  ul.pagenav li {display:inline;}
  ul.actions { position:absolute; right:0px; top:0px;}
  ul.actions li {float:right; padding:5px 0 0 5px;}
  ul.actions li img {width:16px; height:16px;}
  dl.article-info {width:100%; float:left; border:1px solid #e3e3e3; border-left:none; border-right:0px; padding:5px; margin-bottom:10px;}
  dl.article-info dt {font-weight:bold; }
  dl.article-info dd {float:left; width:auto; padding:0 10px 0 0;}
  #article-index {float:left; width:100%;}
  #article-index ul li {display:inline; margin:5px;}
  .items-row {width:100%;}
  .cols-1 .item{width:100%;}
  .cols-2 .item{ width: 47.8%; padding:0 2.2%;}
  .cols-3 .item{ width: 30.37%; padding:0 2.2%;}
  .cols-4 .item{ width: 21.7%; padding:0 2.2%;}
  .item.column-1 {padding-left:0%;}
  .cols-4 .item.column-4, .cols-3 .item.column-3, .cols-2 .item.column-2, .cols-1 .item.column-1 {padding-right:0%;}
  .column-2, .column-1, .column-3, .column-4, .column-5{float: left;margin: 0;}
  .article_row{overflow: hidden;}
  .article_column{}
  .row_separator2{display: block;clear: both;margin: 0;border: solid 0px;}
  .article_column {float:left;}
  .img-intro-left, .img-fulltext-left, .img-fulltext-, .img-intro- {float:left; padding-right:1%; }
  .img-intro-right, .img-fulltext-right {float:right; padding-left:1%; }
  .img-intro-none, .img-fulltext-none {float:none; width:100%;}
  .img-intro-left img, .img-fulltext-left img, .img-fulltext- img, .img-intro- img, .img-intro-right img, .img-fulltext-right img, .img-intro-none img, .img-fulltext-none img {width:100%;}
  
/*  -------------------------------------------------------------------------
     Joomla alternative module layouts
  ------------------------------------------------------------------------- */
ul.menu.horizontal_menu li {display:inline; padding:0; margin:0;}  
ul.menu.horizontal_menu li:after {content: "   |   "; color: #aaa; }
  
  
  /*  
  --------------------------------------------------
  :: Basic customizations
  -------------------------------------------------- */

  /* Sets the basic flexibility range of the grid, default: from 320px for older iPhones to 1140px for desktops */
  .row { width: 100%; max-width: 1140px; min-width: 320px;}
  
  /* Resets the default font size for p elements */
  p {font-size:1em;}
  
  hr.main-ruler { border: none; border-width: 0; clear: both; margin: 0; height: 0; }
  ul li {list-style: square; margin-left:14px;}
  ul.actions li {list-style:none; margin:0;}

  /*  
  --------------------------------------------------
  :: Navigation Styles
  -------------------------------------------------- */

  /* Mainmenu */
  .mainmenu_area {}
  .mainmenu_area ul li {}
  .mainmenu_area ul li ul li {float:none;}

  /* Second-level lists */
  .mainmenu_area ul li ul { display: none;position: absolute; padding:0 10px 0;margin:0; margin-left:-10px;z-index: 1000; background-color:#fff; }
  .mainmenu_area ul li ul li {}
  .mainmenu_area ul li ul li a {width:10em; padding:5px;line-height:1em; height:1em; margin:0; display:block;}

  /*  
  --------------------------------------------------
  :: Sliding Area
  -------------------------------------------------- */
  .slide {width:100%;}
  
  /*  
  --------------------------------------------------
  :: Forms
  -------------------------------------------------- */
  form label {display: inline;}
  label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: 0px; }
  
  
  /*  
  --------------------------------------------------
  :: Typo
  -------------------------------------------------- */
  p {line-height:inherit; font-size:inherit;}
  small { font-size: 10px;  }
  blockquote {font-family: Times; font-size:16px; line-height:24px;}

  /*  
  --------------------------------------------------
  :: Additional stylings and layout tools
  -------------------------------------------------- */
  .credits {text-align:center;}
  .logo_three_three div {float:right;}
  .small { font-size: 60%; line-height: inherit; }
  .float_left {float:left;}
  .float_right {float:right;}
  .text_left {text-align: left;}
  .text_right {text-align: right;}
  .text_center {text-align: center;}
  
  /*  
  --------------------------------------------------
  :: 3rd Party Stylings
  -------------------------------------------------- */
  
  /* K2 Extension */
  .even, .odd {background:none;}
  .k2ItemsBlock ul li {list-style: none; margin:0; padding:0; border:0;}
  
