@charset "ISO-8859-1";
/**
 *  @author    Fabian Beiner <fbe@derpunkt.de>
 *  @copyright DER PUNKT gmbh, Karlsruhe
 *  @license   http://creativecommons.org/licenses/by-sa/3.0/de/
 *  @date      21. Oct. 2008
 *  @link      http://derpunkt.de
 *
 *  @section   Layout
 *
 *  Page specific style settings.
 */

body
{
  background:#666 url('../img/grey.png') 0 0 repeat-y;
  color:#fefefe;
  font-size:11px;
  line-height:1;
}

a,a:link,a:visited,a:active
{
  color:#fefefe;
  text-decoration:none;
}

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

/* Wrapper */
div#wrapper
{
  background:url('../img/grey.png') top right repeat-y;
  min-height:100%;
  height:auto !important;
  height:100%;
  position:relative;
}

/* Head */
div#head
{
  background:#363636 url(../img/bg_head.png) 0 0 repeat-x;
  height:142px;
  padding:6px 0;
}

div#head div#logo
{
  background:url(../img/head.png) center center no-repeat;
  height:142px;
}

div#head div#head_left
{
  background:url(../img/head_left.png) 0 0 no-repeat;
  float:left;
  height:142px;
  width:14px;
}

div#head div#head_right
{
  background:url(../img/head_right.png) 0 0 no-repeat;
  float:right;
  height:142px;
  width:14px;
}

/* Columns */
div#columns
{
  background-color:#000;
  border-bottom:6px #dad8d8 solid;
  height:320px;
  text-align:center;
}

div.wrap
{
  margin:0 auto;
  width:980px;
}

div#columns div.wrap div#column_left
{
  background:url(../img/column_left.png) top right no-repeat;
  float:left;
  height:320px;
  text-align:right;
  width:170px;
}

div#columns div.wrap div#column_center
{
  float:left;
  height:320px;
  width:640px;
}

div#columns div.wrap div#column_right
{
  background:url(../img/column_right.png) top left no-repeat;
  float:left;
  height:316px;
  padding-left:14px;
  padding-top:6px;
  text-align:left;
  width:155px;
}

div#columns div.wrap div#column_right p
{
  font-size:10px;
  line-height:13px;
  margin-bottom:5px;
}

/* Foot */
div#foot
{
  background:url(../img/bg_foot.png) 0 0 repeat-x;
  margin:0 6px;
  padding-bottom:40px;
}

div#foot div#corners
{
  height:9px;
}

div#foot div#corners span#corner_right
{
  background:url(../img/foot_right.png) 0 0 no-repeat;
  float:right;
  height:9px;
  width:9px;
}

div#foot div#corners span#corner_left
{
  background:url(../img/foot_left.png) 0 0 no-repeat;
  float:left;
  height:9px;
  width:9px;
}

div#foot div#kontakt
{
  float:left;
  margin-right:20px;
  width:190px;
}

div#foot div#kurzinfo
{
  float:left;
  margin-right:20px;
  width:410px;
}

div#foot div#leistung
{
  float:left;
  margin-right:20px;
  width:150px;
}

div#foot div#jobs
{
  float:left;
}

/* Impressum */
div#impressum
{
  bottom:20px;
  font-size:10px;
  left:50%;
  line-height:12px;
  margin-left:-225px;
  position:absolute;
  text-align:center;
  width:450px;
}

/* Nav */
div#columns div.wrap div#column_left ul
{
  font-size:10px;
  margin-right:16px;
  margin-top:9px;
}

div#columns div.wrap div#column_left ul li
{
  display:inline;
}

div#columns div.wrap div#column_left ul li a
{
  background:url(../img/li.png) right 4px no-repeat;
  display:block;
  line-height:14px;
  padding-bottom:4px;
  padding-right:20px;
}

div#columns div.wrap div#column_left ul li a:hover,div#columns div.wrap div#column_left ul li a:focus
{
  background:url(../img/li_hover.png) right 4px no-repeat;
  text-decoration:none;
}

div#columns div.wrap div#column_left ul li a.first
{
  padding-bottom:19px;
}

/* Christmas */
.christmas {
  background:url(../img/christmas_special.jpg);
  height:280px;
  padding-top:40px;
  text-align:left;
  width:640px;
}

.christmas a {
  text-decoration:underline;
}

.christmas a:hover,.christmas a:focus {
  text-decoration:none;
}

.christmas p {
  margin-left:10px;
  width:300px;
}