@charset "ISO-8859-1";
/**
 *  ____  _____ _____    _____ _____ _____ _____ _____              _   _
 * |    \|   __| __  |  |  _  |  |  |   | |  |  |_   _|   ___ _____| |_| |_
 * |  |  |   __|    -|  |   __|  |  | | | |    -| | |    | . |     | . |   |
 * |____/|_____|__|__|  |__|  |_____|_|___|__|__| |_|    |_  |_|_|_|___|_|_|
 *                                                       |___|    Karlsruhe
 *  @author    Fabian Beiner <fbe@derpunkt.de>
 *  @copyright DER PUNKT gmbh
 *  @license   http://creativecommons.org/licenses/by-sa/3.0/de/
 *  @date      23. Sep. 2008
 *  @link      http://derpunkt.de
 */

/**
 *  @section Layout
 *
 *  These settings HAVE TO BE in this file, no matter what...
 */

body
{
  background-color:#e5e5e5;
  color:#4d4d4d;
  font-size:11px;
  line-height:1;
}

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

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

h1
{
  font-weight:bold;
  margin-bottom:5px;
}

/**
 *  @section Layout
 *
 *  Project specific CSS declarations.
 */
/* Wrapper */
div#wrapper
{
  background:url('../img/bg_wrapper.png') top center repeat-y;
  left:50%;
  margin-left:-490px;
  min-height:100%;
  height:auto !important;
  height:100%;
  position:absolute;
  width:980px;
}

/* Selections for Firefox */
::-moz-selection
{
  background-color:#a40000;
  color:#fff;
}

/* Address */
address
{
  font-style:normal;
}

a.arrow {
  background:#fff url('../img/li.gif') -187px 4px no-repeat;
  padding-left:9px;
  text-decoration:none !important;
}

a.arrow:hover
{
  text-decoration:underline !important;
}

/* Columns */
div#column_left,div#column_right
{
  float:left;
  margin-top:170px;
  width:188px;
}

div#column_center
{
  float:left;
  margin:0 10px;
  padding-bottom:32px;
  width:584px;
}

div#content
{
  color:#4d4d4d;
  line-height:15px;
  margin:10px;
  width:564px;
}

div#content ul li {
  background:url('../img/li_content.gif') 0 6px no-repeat;
  padding-bottom:3px;
  padding-left:10px;
}


/* Head */
div#head
{
  background:url('../img/bg_head.png') 0 0 no-repeat;
  border-bottom:10px #e5e5e5 solid;
  border-top:10px #e5e5e5 solid;
  height:150px;
  position:relative;
  width:584px;
}

div#head div#metanav
{
  color:#000;
  font-size:10px;
  margin-left:9px;
  margin-top:8px;
  text-transform:uppercase;
}

div#head div#metanav a
{
  color:#000;
}

div#head div#metanav a:hover, div#head div#metanav a:focus
{
  color:#a40000;
  text-decoration:none;
}

div#head img#logo_derpunkt
{
  left:29px;
  position:absolute;
  top:46px;
}

div#head img#logo_portal
{
  position:absolute;
  right:10px;
  top:90px;
}

/* Foot */
div#foot
{
  background-color:#b3b3b3;
  border-bottom:7px #e5e5e5 solid;
  border-top:10px #e5e5e5 solid;
  bottom:0;
  clear:both;
  color:#fff;
  font-size:9px;
  height:15px;
  left:198px;
  line-height:14px;
  padding:0 5px;
  position:absolute;
  width:574px;
}

div#foot a
{
  color:#fff;
}

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

div#foot a.option
{
  margin-right:12px;
  text-transform:uppercase;
}

div#foot a#copyright
{
  float:right;
}

/* Mainnavigation */
div#column_left li
{
  display:inline;
}

div#column_left li a
{
  background:#fff url('../img/li.gif') -559px 6px no-repeat;
  color:#333;
  display:block;
  font-size:10px;
  font-weight:700;
  line-height:12px;
  margin-bottom:3px;
  padding:2px 5px 3px 14px;
  width:169px;
}

div#column_left li a:hover, div#column_left li a:focus, div#column_left li a.l1_active_start
{
  background:#fff url('../img/li.gif') -183px 6px no-repeat;
  color:#a40000;
  text-decoration:none;
}

div#column_left li a.l1_active_start:hover, div#column_left li a.l1_active_start:focus, div#column_left li a#l1_active
{
  background:#a40000 url('../img/li.gif') 5px 6px no-repeat;
  color:#fff;
  text-decoration:none;
}

div#column_left li a#l1_active, div#column_left li li a#l2_active
{
  cursor:default;
}


div#column_left li a#l1_active_gotsub
{
  background:#a40000 url('../img/li.gif') -371px 7px no-repeat;
  color:#fff;
  cursor:default;
  display:block;
  font-size:10px;
  font-weight:700;
  line-height:12px;
  margin-bottom:3px;
  padding:2px 5px 3px 14px;
}

div#column_left li ul
{
  margin-bottom:4px;
}

div#column_left li li a
{
  background:none;
  color:#333;
  display:block;
  font-size:10px;
  font-weight:400;
  line-height:12px;
  margin-bottom:0;
  padding:2px 0 2px 14px;
}

div#column_left li li a:hover,div#column_left li li a#l2_active, div#column_left li li a:focus
{
  background:none;
  color:#a40000;
  text-decoration:none;
}

div#counter
{
  font-size:10px;
  text-transform:uppercase;
  text-align:right;
  color:#e5e5e5;
}

/* Boxes */
div.box
{
  background-color:#fff;
  color:#333;
  font-size:10px;
  line-height:12px;
  padding:7px 9px 8px;
  width:170px;
}

div.box a
{
  color:#a40000;
  text-decoration:underline;
}

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

div.address
{
  margin-bottom:5px;
}

span.telfax
{
  display:block;
  float:left;
  width:24px;
}

/* Flash Container */
div.flashcontainer
{
  border:1px #e5e5e5 solid;
  margin-bottom:16px;
}

/* Standard */
div.headline
{
  background:url(../img/border_dotted.png) bottom left repeat-x;
  margin-bottom:17px;
}

div.headline img
{
  margin-bottom:15px;
  margin-top:9px;
}

p.beispiel
{
  font-weight:700;
  margin-top:14px;
  margin-bottom:8px;
}

div.selection
{
  background:url(../img/bg_selector.png) 0 0 repeat-y;
  border:1px #e5e5e5 solid;
  cursor:pointer;
  float:left;
  font-size:10px;
  height:61px;
  margin-bottom:10px;
  margin-right:10px;
  width:275px;
}

div.selection:hover
{
  background:#e5e5e5;
}

div.selection img
{
  float:left;
  margin-right:9px;
}

.nomarginr
{
  margin-right:0!important;
}

div.selection_text
{
  margin:5px 0;
  line-height:12px;
}

div.selection_text p
{
  margin-bottom:0;
  line-height:15px;
}

a.select_link
{
  background:url(../img/selection_link.gif) top right no-repeat;
  font-weight:700;
  padding-right:11px;
}

span.blocked
{
  display:block;
  float:left;
  width:50px;
}

span.blockedwide
{
  display:block;
  float:left;
  width:105px;
}