@charset "UTF-8";
/**
 * Global Stylesheet for Sparkasse-Stiftung
 *
 * @author       Jan Bär <jba(at)DERPUNKT(dot)de>)
 * @copyright    Jan Bär / DER PUNKT gmbh, Karlsruhe, Germany
 * @link         http://www.derpunkt.de
 */

/* + + GLOBALS + + */

body
{
  background: url(../img/bg_body.jpg) no-repeat fixed top center;
  font:normal normal 400 11px/15px Verdana,Geneva,Helvetica,sans-serif;
}

div#wrap
{
  min-height:100%;
  height:auto !important;
  height:100%;
  left:50%;
  margin-left:-490px;
  position:absolute;
  width:980px;
  background:url("../img/wrap_bg.png");
}

div#logo
{
  width:235px;
  float:left;
  background:url("../img/shadow.gif")bottom repeat-x ;
  padding-bottom:9px;
  margin-bottom:7px;
}

div#topline
{
  float:left;
  width:735px;
  margin-left:10px;
  background:url("../img/shadow.gif") repeat-x bottom;
  margin-bottom:7px;
  padding-bottom:9px;
}

div#topline div#head
{
  height:170px;
  width:735px;
  background:url("../img/head.jpg") no-repeat;
}

/* Meta */
div#topline div#head div#meta
{
  width:95px;
  height:170px;
  background:url("../img/meta_bg.png") no-repeat;
  float:right;
}

div#topline div#head div#top
{
  width:95px;
  height:73px;
}

div#topline div#head div#meta a
{
  border:none;
  cursor:pointer;
  display:block;
  margin-top:8px;
}

div#topline div#head div#meta a div
{
  display:none;
}

div#topline div#head div#meta img
{
  border:none;
}

div.clear
{
  clear:both;
  overflow:hidden;
  height:0;
  width:0;
}

div#columns
{
  width:980px;
}

/* Nav */
div#columns div#column_left
{
  width:235px;
  float:left;
  margin-right:10px;
  background:url(../img/nav_top.gif) top center no-repeat;
}

/* Content */
div#columns div#column_center
{
  width:490px;
  float:left;
  margin-right:10px;
  background:url(../img/content_top.gif) top center no-repeat;
}

/* Boxes */
div#columns div#column_right
{
  width:235px;
  float:left;
  background:url(../img/boxes_top.gif) top center no-repeat;
}

/* Foot */
div#foot
{
  background:#c8c7c8 url(../img/foot_bg.png) top center no-repeat;
  height:10px;
  width:980px;
  bottom:0;
  position:absolute;
}

/* Navigation */
div#column_left ul
{
  
}

div#column_left ul li
{
  
}

div#column_left ul li a
{
  background:url("../img/sprite.jpg") no-repeat;
}

/* Punkt 1 */
div#column_left ul li a.nav-active-1
{
  background-position:0px -70px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-1:hover
{
  background-position:0px -35px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-1
{
  background-position:0px 0px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}



/* Punkt 2 */
div#column_left ul li a.nav-active-2
{
  background-position:-235px -70px;
  display:block;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-2:hover
{
  background-position:-235px -35px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-2
{
  background-position:-235px 0px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}




/* Punkt 3 */
div#column_left ul li a.nav-active-3
{
  background-position:-470px -70px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-3:hover
{
  background-position:-470px -35px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-3
{
  background-position:-470px 0px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}


/* Punkt 4 */
div#column_left ul li a.nav-active-4
{
  background-position:-705px -70px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-4:hover
{
  background-position:-705px -35px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-4
{
  background-position:-705px 0px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}


/* Punkt 5 */
/*
div#column_left ul li a.nav-active-4
{
  background-position:-940px -70px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-4:hover
{
  background-position:-940px -35px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-4
{
  background-position:-940px 0px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}
*/

/* Punkt 6 */
div#column_left ul li a.nav-active-5
{
  background-position:-1175px -70px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-5:hover
{
  background-position:-1175px -35px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-5
{
  background-position:-1175px 0px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

/* Punkt 7 */
div#column_left ul li a.nav-active-6
{
  background-position:-1410px -70px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-6:hover
{
  background-position:-1410px -35px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}

div#column_left ul li a.nav-inactive-6
{
  background-position:-1410px 0px;
  display:block;
  cursor:pointer;
  width:235px;
  height:35px;
  text-indent:-999999px;
}



/* Nav LVL 2 */
div#column_left ul li ul
{
  padding:3px 0 6px 0;

  display:block;
  background:#fff;
}

div#column_left ul li ul li a
{
  margin-left:34px;
  background:none;
  text-indent:0;
  color:#4c4c4c;
  display:block;
  font-size:12px;
  line-height:15px;
  font-family:Verdana;
  text-decoration:none;
  height:13px;
  padding-top:3px;
  padding-bottom:4px;
}

div#column_left ul li ul li a:hover
{
  background:none;
  color:#ff0000;
  font-size:12px;
  font-family:Verdana;
  text-decoration:none;
}

div#column_left ul li ul li a.nav-active-l2
{
  text-indent:0;
  display:block;
  font-size:12px;
  color:#ff0000;
}


/* ++ Templates ++ */
/* Template - Globals */
div#content
{
  padding:13px 10px 0 10px;
  width:470px;
  font-family:Arial;
  font-size:12px;
  color:#000;
  line-height:20px;
  margin-bottom:20px;
}

div#content h1
{
  color:#666;
  font-size:24px;
  margin:0;
  line-height:26px;
  margin-bottom:9px;
}

div.hr
{
  width:470px;
  height:1px;
  background:#e9e9e9;
  font-size:0;
  line-height:0;
  overflow:hidden;
  margin-top:10px;
  margin-bottom:10px;
}

a.more
{
  color:#666;
  line-height:20px;
  font-weight:700;
  padding-left:5px;
  text-decoration:none;
  cursor:pointer;
}

.left
{
  float:left;
}

body #content .arrow-link
{
  color:#ff0000;
  font-size:12px;
  line-height:20px;
  background: transparent url('../img/link-arrow.png') left 3px no-repeat;
  font-weight:700;
  padding-left:15px;
}

.black
{
  color:#000;
}

/* START */
div.c50_50
{
  width:470px;
}

div.l50_50_1
{
  margin-top:10px;
  width:231px;
  margin-right:13px;
}

div.l50_50_2
{
  width:222px;
}

h1.start
{
  margin-top:8px !important;
  
}

div.l13
{
  margin-left:13px;
}

/* Gallery */
div#gallery_container
{
  margin-top:10px;
}

div.gallery_box
{
  margin-right:11px;
  width:149px;
  float:left;
}

div.gallery_box div.g_img
{
  border:1px solid #e7e7e7;
  width:147px;
  height:97px;
}


div.gallery_box div.g_txt
{
  padding:3px 5px 3px 5px;
  background:url("../img/galtxt_bg.gif") repeat-y;
  font-family:Arial;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:14px;
}

div.gallery_box div.g_txt div.cont
{
  width:122px;
  font-family:Arial;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:14px;
  float:left;
}

div.gallery_box div.g_txt a
{
  display:block;
  background:url("../img/arrow_redongrey.gif") no-repeat;
  width:15px;
  height:12px;
  cursor:pointer;
  float:left;
  text-decoration:none;
}


div.gallery_last
{
  margin-right:0;
}

div.gallery_space
{
  height:10px;
  width:450px;
  font-size:1px;
  line-height:1px;
  float:left;
}

/* Listen Template */
div.list_box
{
  padding-bottom:15px;
  border-bottom:1px solid #e9e9e9;
  margin-bottom:20px ;
}

div.noborder
{
  border:none;
}

div.list_box div.list_img
{
  margin-right:12px;
  float:left;
  width:150px;
}

div.list_box div.list_img
{
  margin-top:5px;
}

div.list_box div.list_txt
{
  width:308px;
  float:left;
}

div.list_box div.list_txt_full
{
  width:469px;
}

span.h1
{
  color:#898989;
  font-weight:700;
}

/* Boxensystem */
div.box
{
  margin-bottom:20px;
}

div.box div.boxhead
{
  margin-bottom:10px;
}

div.box div.boxhead div.imagespace
{
  height:35px;
}

div.box div.box_img 
{
  width:186px;
  height:186px;
}

div.box div.box_img div.box_content
{
  padding:0 10px 0 10px;
}

div.box div.box_content
{
  background:url("../img/box_content_bg.gif") repeat-y;
  padding:10px;
  width:186px;
  margin-left:14px;
  border-bottom:1px solid #969696;
  font-family:Arial;
  font-size:11px;
  line-height:15px;
  color:#4d4d4d;
}

div.box div.box_content a.mailto
{
  font-family:Arial;
  font-size:11px;
  line-height:15px;
  color:#4d4d4d;
  text-decoration:none;
}

span.bottom5
{
  margin-bottom:5px;
  display:block;
}

span.bottom15
{
  margin-bottom:15px;
  display:block;
}

span.redbold
{
  font-weight:700;
  color:#ff0000;
}

div.box div.box_content ul li.pdf
{
  padding-left:20px;
  background:url("../img/dl_1.gif") no-repeat;
  line-height:20px;
  margin-bottom:5px;
}

div.box div.box_content ul li.other
{
  padding-left:20px;
  background:url("../img/dl_2.gif")3px 0px no-repeat;
  line-height:20px;
  margin-bottom:5px;
}

div.box div.box_content ul li a
{
  font-family:Arial;
  color:#ff0000;
  font-size:12px;
  line-height:12px;
  font-weight:700;
}

div#content ul
{
  margin-top:5px;
  margin-bottom:5px;
}

/* WYSIWYG*/
div#content ul li
{
  margin-bottom:3px;
  line-height:15px;
  font-size:12px;
  color:#ff0000;
  font-family:Arial;
  padding-left:10px;
  background:url("../img/list.gif")1px 5px no-repeat;
}


h2{
  line-height:15px;
  font-size:12px;
  font-family:Arial;
  color:#ff0000;
}