@charset "ISO-8859-1";
/**
 *  @author     Fabian Beiner <fbe(at)DERPUNKT(dot)de>
 *  @copyright  Fabian Beiner / DER PUNKT gmbh, Karlsruhe, Germany
 *  @license    http://creativecommons.org/licenses/by-sa/3.0/de/
 *  @date       5th Decemeber 2008
 *  @link       http://derpunkt.de
 *
 *  @section    Frontend layout
 *
 *  This CSS defines the frontend layout of Landjugend-Steinweiler.de.
 */

/**
 *  Body definitions.
 */
body
{
  background:#ddd9d4 url(../img/bg_body.png) 0 0 repeat fixed;
  color:#000;
}

/**
 *  Wrapper definition.
 */
div#wrapper
{
  margin:0 auto;
  min-height:100%;
  height:auto !important;
  height:100%;
  position:relative;
  width:705px;
}

/**
 *  Foot definition.
 */
div#foot
{
  background:url(../img/bg_foot.png) 0 0 no-repeat;
  bottom:14px;
  height:66px;
  left:0;
  line-height:58px;
  position:absolute;
  text-align:center;
  width:706px;
}

div#foot a
{
  text-decoration:none;
}

div#foot a:hover, div#foot a:focus
{
  text-decoration:underline;
}

/**
 *  Head/Navigation definition.
 */
div#head
{
  background:url(../img/bg_head.png) 0 0 no-repeat;
  height:186px;
  margin-bottom:14px;
  padding:30px 15px 10px 10px;
  width:680px;
}

div#head div#nav
{
  background:url(../img/header.jpg) 0 0 no-repeat;
  height:180px;
  width:680px;
}

div#head div#nav ul li
{
  display:inline;
}

div#head div#nav ul li a
{
  color:#000;
  display:block;
  float:left;
  font-weight:700;
  height:23px;
  margin-top:150px;
  padding-top:7px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  width:85px;
}

div#head div#nav ul li a:hover, div#head div#nav ul li a:focus
{
  background:url(../img/nav_hover.png) 0 0 no-repeat;
}

div#head div#nav ul li a#active
{
  background:#fff;
  cursor:default;
}

/**
 *  Content definitions.
 */
div#content_wrap
{
  padding-bottom:94px;
}

div.shadow_top
{
  background:url(../img/shadow_top.png) 0 0 no-repeat;
  font-size:6px;
  height:6px;
  line-height:6px;
  width:705px;
}

div.shadow_bottom
{
  background:url(../img/shadow_bottom.png) 0 0 no-repeat;
  font-size:6px;
  height:6px;
  line-height:6px;
  width:705px;
}

div.content
{
  background:url(../img/shadow_bg.png) 0 0 repeat-y;
  min-height:300px;
  padding:0 14px 7px 9px;
}

div.content img#headline
{
  margin-bottom:14px;
  margin-top:4px;
}

div.content ul
{
  margin-bottom:13px;
  margin-left:10px !important;
}

div.content ul li
{
  background:url(../img/li.png) 0 6px no-repeat;
  padding-left:10px;
}

div.content ul li a {
  text-decoration:none;
}

div.content ul li a:hover, div.content ul li a:focus
{
  text-decoration:underline;
}

/**
 *  Bild definitions.
 */
div.bild {
  float:left;
  margin-bottom:16px;
  width:340px;
}

div.bild img
{
  float:left;
  margin-right:9px;
  margin-top:4px;
}

/**
 *  News definitions.
 */
h3 {
  font-size:13px;
  margin-bottom:5px;
  background-color:#e87a0e;
  height:17px;
  line-height:16px;
  padding-left:4px;
}