/**
 * TYPOlight webCMS
 * Copyright (C) 2005-2009 Leo Feyer
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 2.1 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at http://www.gnu.org/licenses/.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2009
 * @author     Leo Feyer <leo@typolight.org>
 * @license    LGPL
 * @version    1.0
 */

/* Container */
.mod_navigation {
  left: 20px;
  top: 154px;
  position: absolute;
}

/* First level */
.mod_navigation ul {
  margin: 0 0px;
  padding: 0;
  list-style-type: none;
}
.mod_navigation li {
  margin: 0;
  margin-right: 15px;
  padding: 0px 0;
  padding-top: 23px;
  list-style-type: none;
  float: left;
}

.mod_navigation li {
	background: url("../images/arrow_navigation.png") no-repeat scroll center top; 
	background-position: center -62px;
}

.mod_navigation li.active, .mod_navigation li:hover {
	background: url("../images/arrow_navigation.png") no-repeat scroll center top; 
	background-position: center 0px;
}

* html .mod_navigation ul, * html .mod_navigation li {
  height: 1px;
}
*:first-child+html .mod_navigation .parent {
  height: 3px;
}
.mod_navigation span {
  margin: 0;
  padding: 0;
}
.mod_navigation a, .mod_navigation span {
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  display: block;
  padding: 7px 14px 7px 14px;
  background: #64A300;
  text-decoration: none !important; 

}

.mod_navigation a:hover {
	background: #fd9208;
	color: #fff;
}

.mod_navigation span {
	background: #fff;
	color: #5a8800;
}

/* Second level */
.mod_navigation .submenu {
  margin: -2px 0 0 8px;
  padding: 0;
  border-top: 0;
}
.mod_navigation .level_2 {
  padding-bottom: 4px;
  border-bottom: 0;
}
.mod_navigation .level_2 li {
  padding: 0 0 4px 0;
  border-top: 0;
}
.mod_navigation .level_2 a, .mod_navigation .level_2 li, .mod_navigation .level_2 span {
  font-weight: normal;
  font-size: 11px;
}



/* Horizontal menu, use the class .navMain in your navigation modul */
.navMain ul {
  margin: 0;
  padding: 0;
}
.navMain li {
  width: 133px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  float: left;
}
.navMain a, .navMain span {
  font-weight: bold;
  font-size: 11px;
  color: #ffffff;
}
.navMain a {
  height: 30px;
  display: block;
  margin: 0;
  padding: 5px 0 0 0;
  text-align: center;
  background-color: #cc0000;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  color: #ffffff;
}
.navMain a:hover {
  background-color: #b30000;
  text-decoration: none;
  color: #ffffff;
}
.navMain span {
  height: 30px;
  margin: 0;
  padding: 5px 0 0 0;
  background-color: #b30000;
  text-align: center;
}

/* Social Links */

.sociallinks {
	position: absolute;
	left: 0;
	top: 50px;
}

.sociallinks a {
   background: url(../images/sociallinks.png) no-repeat top left;
   text-indent: -999em;
   display: block;
   float: left;
   margin-right: 7px;
}

.sociallinks .facebook { background-position: 0 0; width: 24px; height: 24px; } 
.sociallinks .login { background-position: 0 -74px; width: 47px; height: 24px; } 
.sociallinks .twitter { background-position: 0 -148px; width: 24px; height: 24px; } 
.sociallinks .youtube { background-position: 0 -222px; width: 24px; height: 24px; } 




/* TopLink Navigation */

#toplink_nav {
  margin: 0;
  padding: 0;
  height: 110px;
  width: 375px;
  right: 70px;
  top: 30px;
  position: absolute;
  overflow: hidden;
}

#toplink_nav li {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  float: left;
}

#toplink_nav a, #toplink_nav span{
  font-weight: bold;
  font-size: 11px;
  text-indent:-50000px;
  cursor: pointer;
  display: block;
  width: 375px;
  height: 110px;
  overflow:hidden;
}