@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 clusterforum.org
 */

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

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

.left
{
  float:left;
}

.right
{
  float:right;
}

h2
{
  color:#00a2e1;
}

/* #wrap */
div#wrap
{
  left:50%;
  margin-left:-475px;
  min-height:100%;
  height:auto !important;
  height:100%;
  position:absolute;
  width:950px;
} 

/* #foot */
div#foot
{
  border-top:1px #e5e5e5 solid;
  bottom:0;
  height:27px;
  left:236px;
  line-height:25px;
  position:absolute;
  text-transform:uppercase;
  width:714px;
}

div.foot-start
{
  left:0 !important;
  width:950px !important;
}

div#foot span
{
  color:#b3b3b3;
  float:left;
}

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

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

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

/* #head */
div#head
{
  background:url(../img/shadow_large.png) bottom left repeat-x;
  height:230px;
  margin-bottom:25px;
  padding-bottom:10px;
  width:950px;
}

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

}

div#textwrapper {
  padding-bottom:13px;
}

div#flash
{
  margin-top:5px;
}

div.imgflash {
  margin-bottom:11px;
}

/* #column_left */
div#column_left
{
  float:left;
  margin-right:25px;
  margin-top:5px;
  width:210px;
}

div#column_left ul
{
  border-top:1px #e5e5e5 solid;
}

div#column_left ul ul
{
  border-top:none;
  margin-left:13px;
}

div#column_left ul li
{
  display:inline;
}

div#column_left ul li a
{
  background:url(../img/star_large_inactive.png) 3px 3px no-repeat;
  border-bottom:1px #e5e5e5 solid;
  color:gray;
  display:block;
  font-weight:700;
  padding-bottom:2px;
  padding-left:19px;
  padding-top:2px;
  text-decoration:none;
  width:191px;
}

div#column_left ul li a:hover,div#column_left ul li a:focus
{
  background:url(../img/star_large_active.png) 3px 3px no-repeat;
  color:#00a2e1;
}

div#column_left ul li a.active
{
  background:url(../img/star_large_active.png) 3px 3px no-repeat;
  color:#00a2e1;
}

div#column_left ul ul li a
{
  background:url(../img/star_small_active.png) 5px 5px no-repeat;
  border-bottom:1px #e5e5e5 solid;
  color:#00a2e1;
  font-weight:400;
  width:178px;
}

div#column_left ul ul li a:hover,div#column_left ul ul li a:focus
{
  background:url(../img/star_large_active.png) 2px 3px no-repeat;
}

div#column_left ul ul li a.active
{
  background:url(../img/star_large_active.png) 2px 3px no-repeat;
  font-weight:700;
}

/* #column_center */
div#column_center
{
  float:left;
  margin-right:25px;
  width:470px;
}

div#column_center li
{
  background:url(../img/li.png) 1px 6px no-repeat;
  padding-left:13px;
  padding-bottom:5px;
}

/* #column_right */
div#column_right
{
  margin-top:5px;
  float:left;
  width:220px;
}

/* #column_start */
div#column_start
{
  float:left;
  margin-right:20px;
  width:710px;
}

/* .box */
div.box
{
  background:#ecf8fd url(../img/shadow_box.png) bottom left repeat-x;
  margin-bottom:10px;
  padding-bottom:11px;
}

td.edge
{
  background:#ecf8fd url(../img/box_edge.png) top left no-repeat;
  padding-left:14px;
}

td.box_headline
{
  background-color:#fff;
  line-height:14px;
  padding-bottom:1px;
}

div.box_content
{
  padding:6px 5px 4px;
}

ul.links li
{
  background:url(../img/box_link.png) left 4px no-repeat;
  margin-bottom:3px;
  padding-left:13px;
}

ul.links li a
{
  color:#00a2e1;
  text-decoration:none;
}

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

div.box img.keyvisual
{
  margin-bottom:6px;
  margin-left:5px;
}

div.box div.text {
  margin:0 4px 4px 4px;
  line-height:14px;
}

/* .imagetext */
div.imagetext
{
  margin-bottom:17px;
}

div.imagetext div.image_right
{
  background:url(../img/shadow_large.png) bottom left repeat-x;
  float:right;
  margin-left:20px;
  width:140px;
  margin-top:4px;
  padding-bottom:20px;
}

div.imagetext div.image_left
{
  background:url(../img/shadow_large.png) bottom left repeat-x;
  float:left;
  margin-right:20px;
  width:140px;
  margin-top:4px;
  padding-bottom:20px;
}

div.imagetext div.text
{
  float:left;
  width:310px;
}

div.imagetext div.text_wide
{
  width:470px;
}

/* #.linkmodule */
div#linkmodulecontainer
{
  margin-bottom:-3px;
  margin-top:20px;
}

div.linkmodule
{
  border-top:1px #e5e5e5 solid;
  margin-top:1px;
  padding-bottom:12px;
  padding-top:10px;
}

div.linkmodule div.left
{
  float:left;
  width:205px;
}

div.linkmodule div.left a.star
{
  background:url(../img/star_small_active.png) 0 3px no-repeat;
  font-weight:700;
  padding-left:12px;
  text-decoration:none;
}

div.linkmodule div.left a.star:hover
{
  text-decoration:underline;
}

div.linkmodule div.right
{
  float:right;
  width:265px;
}

/* .box_edit_* */
.box_edit_button
{
  background-color:#00a2e1;
  border:1px solid #000;
  color:#fff;
  margin-bottom:5px;
  padding:0;
  width:218px;
}

.box_edit_button_inactive
{
  background-color:#ff0000;
  border:1px solid #000;
  color:#fff;
  margin-bottom:5px;
  padding:0;
  width:218px;
}

.box_edit_select
{
  background-color:#00a2e1;
  border:1px solid #000;
  color:#fff;
  margin-bottom:5px;
  padding:0;
  width:218px;
}


/* .start */
div#start-img
{
  float:left;
  margin-top:5px;
  width:238px;
}

div#start-text
{
  float:right;
  margin-bottom:21px;
  margin-top:1px;
  width:469px;
}