@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       18th July 2009
 *  @link       http://derpunkt.de
 *
 *  @section    Frontend layout
 *
 *  This CSS defines the frontend layout of celitement.de
 */

/* Body */
body
{
  background:#fff url(../img/bg_body.jpg) top center no-repeat;
  color:#4d4d4d;
  font:normal normal 400 11px/15px Verdana,Geneva,sans-serif;
}

/* * */
.bold
{
  font-weight:700;
}

.left
{
  float:left;
}

.right
{
  float:right;
}

h1,.h1
{
  color:#40668c;
  font-size:14px;
  font-weight:700;
  margin-bottom:15px;
}

h2,.h2
{
  color:#40668c;
  font-size:12px;
  font-weight:700;
  margin-bottom:8px;
}

h3,.h3
{
  color:#40668c;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}

img#landscape
{
  margin-bottom:13px;
}

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

/* #wrap */
div#wrap
{
  background:url(../img/bg_wrap.png) 0 0 repeat-y;
  left:50%;
  margin-left:-500px;
  min-height:100%;
  height:auto !important;
  height:100%;
  padding:0 5px;
  position:absolute;
  width:990px;
}

/* #foot */
div#foot
{
  background:url(../img/bg_foot.png) 0 0 no-repeat;
  bottom:0;
  height:35px;
  left:50%;
  margin-left:-500px;
  padding:0 24px 0 0;
  position:absolute;
  width:976px;
}

div#foot a
{
  color:#959595;
  float:right;
  font-size:10px;
  margin-left:23px;
  margin-top:5px;
  text-decoration:none;
  text-transform:uppercase;
}

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

/* #head */
div#head
{
  background:url(../img/bg_head.jpg) 0 0 no-repeat;
  height:200px;
  margin-bottom:17px;
  position:relative;
  width:990px;
}

div#head img#logo
{
  position:absolute;
  right:24px;
  top:119px;
}

div#head div#language-select
{
  color:#fff;
  float:left;
  font-size:10px;
  margin-left:73px;
  text-transform:uppercase;
}

div#head div#language-select a
{
  color:#fff;
  text-decoration:none;
}

div#head div#meta
{
  color:#fff;
  float:right;
  font-size:10px;
  text-transform:uppercase;
  margin-right:23px;
}

div#head div#meta a
{
  color:#fff;
  padding-top:1px;
  text-decoration:none;
}

div#head div#language-select a:hover,div#head div#meta a:hover
{
  text-decoration:underline;
}

/* #column* */
div#column-left
{
  float:left;
  margin-top:3px;
  padding-left:20px;
  width:240px;
}

div#column-left li
{
  display:inline;
}

div#column-left li a
{
  background:url(../img/bg_l1.png) 0 0 no-repeat;
  display:block;
  font-size:10px;
  font-weight:700;
  padding-bottom:3px;
  padding-left:14px;
  padding-top:1px;
  text-decoration:none;
  text-transform:uppercase;
  width:174px;
}

div#column-left li a:hover
{
  background:url(../img/bg_l1_hover.png) 0 0 no-repeat;
  color:#395a85;
  text-decoration:underline;
}

div#column-left li a#l1_active_gotsub
{
  background:url(../img/bg_l1_active_sub.png) 0 0 no-repeat;
  color:#395a85;
  padding-bottom:0;
}

div#column-left li a#l1_active
{
  background:url(../img/bg_l1_active.png) 0 0 no-repeat;
  color:#395a85;
}

div#column-left li ul
{
  margin-bottom:5px;
}

div#column-left li li a
{
  background:#fff !important;
  color:gray;
  font-weight:400;
  padding-bottom:0;
  padding-left:22px;
  padding-top:0;
  text-decoration:none;
  text-transform:none;
  width:164px;
}

div#column-left li li a:hover
{
  background:none;
  color:gray;
}

div#column-left li a#l2_active
{
  font-weight:700;
}

div#column-center
{
  float:left;
  width:470px;
}

div#column-center ul li
{
  list-style-type:disc;
  margin-left:13px;
  padding-bottom:6px;
}

div#column-center ol li
{
  list-style-type:decimal-leading-zero;
  margin-left:25px;
  padding-bottom:6px;
}

div#column-right
{
  float:left;
  margin-top:3px;
  margin-left:40px;
  width:200px;
}

/* #content */
div#content {
  padding-bottom:44px;
}

/* #login* */
div#login
{
  background:url(../img/login_foot.png) bottom left no-repeat;
  margin-top:14px;
  padding-bottom:3px;
}

div#login div#login-head
{
  background:url(../img/login_head.png) 0 0 no-repeat;
  color:#fff;
  font-weight:700;
  height:22px;
  line-height:22px;
  padding-left:6px;
  text-transform:uppercase;
  width:230px;
}

div#login div#login-body
{
  border-left:1px #ccc solid;
  border-right:1px #ccc solid;
  padding-bottom:8px;
  padding-top:11px;
  width:234px;
}

div#login div#login-body label,div#login div#login-body span.desc
{
  color:gray;
  display:block;
  float:left;
  font-size:11px;
  font-weight:700;
  padding-left:5px;
  text-transform:uppercase;
  width:85px;
}

div#login div#login-body div.text
{
  margin-bottom:-5px;
}

div#login div#login-body input
{
  background-color:#e5e6e5;
  margin-bottom:9px;
  padding:1px 4px 2px;
  width:130px;
}

div#login div#login-body a#submitbutton
{
  background:#40668c;
  border:1px #fff solid;
  color:#fff;
  display:block;
  font-weight:700;
  margin-left:89px;
  margin-top:-1px;
  padding-bottom:1px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  width:136px;
}

div#login div#login-body a#submitbutton:hover
{
  background-color:#6281a1;
}

/* .teaser */
div.teaser
{
  border-top:1px #e5e6e5 solid;
  margin-top:11px;
  padding-top:10px;
}

div.teaser img.teaser-image
{
  float:left;
  margin-right:20px;
  margin-top:4px;
  width:104px;
}

/* .start-box* */
div#start-boxen
{
  margin-top:15px;
}

div.start-box
{
  background:url(../img/bg_start_box_foot.png) bottom left no-repeat;
  float:left;
  margin-right:10px;
  padding-bottom:2px;
  width:150px;
}

img.start-box-img
{
  border:1px #ccc solid;
  border-bottom:none;
  height:111px;
  overflow:hidden;
}

div.start-box-headline
{
  background:url(../img/bg_start_box.jpg) 0 0 no-repeat;
  color:#fff;
  font-size:10px;
  font-weight:700;
  height:20px;
  line-height:20px;
  padding-left:10px;
  padding-right:5px;
  text-transform:uppercase;
  width:135px;
}

div.start-box-content
{
  background:#f2f2f2;
  border-left:1px #ccc solid;
  border-right:1px #ccc solid;
  color:gray;
  font-size:10px;
  height:53px;
  line-height:12px;
  overflow:hidden;
  padding:2px 9px;
}

div.start-box-content a
{
  background:url(../img/arrow.png) center right no-repeat;
  color:gray;
  padding-right:7px;
}

/* .box* */
.box_edit_button_inactive
{
  background-color:red;
  border:1px solid #d4d4d4;
  color:#000;
  margin:5px 0;
  padding:0;
  width:200px;
}

div.box
{
  background:url(../img/box_foot.png) bottom left no-repeat;
  margin-bottom:10px;
  padding-bottom:2px;
}

div.box div.box-head
{
  background:url(../img/box_head.png) top left no-repeat;
  color:#fff;
  font-weight:700;
  line-height:12px;
  padding:3px 20px 4px 10px;
  text-transform:uppercase;
  width:170px;
}

div.box div.box-content
{
  border-left:1px #ccc solid;
  border-right:1px #ccc solid;
  color:gray;
  font-size:10px;
}

div.box div.box-content div.text
{
  color:gray;
  padding:5px 9px 6px;
}

div.box div.box-content ul
{
  padding-bottom:2px;
  padding-top:8px;
}

div.box div.box-content ul li
{
  background:url(../img/arrow_gray.png) 3px 4px no-repeat;
  color:gray;
  line-height:12px;
  padding-bottom:6px;
  padding-left:10px;
}

div.box div.box-content ul.links li
{
  background:url(../img/arrow.png) 3px 1px no-repeat;
  color:gray;
  line-height:12px;
  padding-bottom:6px;
  padding-left:10px;
}

div.box div.box-content ul.links li a,div.box div.box-content div.text a
{
  color:gray;
}

.box_edit_button,.box_edit_select
{
  background-color:#e8e7e8;
  border:1px solid #d4d4d4;
  color:#000;
  margin:5px 0;
  padding:0;
  width:200px;
}