@charset "UTF-8";

/**
 *  @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 Commerzbank.de.
 */
body
{
  background-color:#fff;
  color:#333;
  font:normal normal 400 12px/16px Verdana,Geneva,sans-serif;
}

a
{
  color:#333333!important;
}

h1
{
  font-size:16px;
  line-height:18px;
  margin-bottom:13px;
}

h2
{
  font-size:12px;
}

h3
{
  font-size:12px;
  border-bottom:1px #e5e5e5 solid;
  margin-bottom:6px;
  margin-top:6px;
  padding-bottom:2px;
}

.eleven
{
  font-size:11px;
  line-height:15px;
}

.border
{
  border:1px #e5e5e5 solid;
}

.left
{
  float:left;
}

.right
{
  float:right;
}

a.arrow
{
  background:url(../img/arrow_link.png) 0 2px no-repeat;
  padding-left:25px;
  text-decoration:none!important;
}

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

/**
 *  Wrapper definition.
 */
div#wrapper,div.wrapper
{
  margin:0 auto;
  min-height:100%;
  height:auto!important;
  height:100%;
  position:relative;
  width:980px;
}

/**
 *  Head definitions.
 */
div#head
{
  border-bottom:40px #fc3 solid;
  height:70px;
  margin-bottom:5px;
}

div#head img
{
  float:right;
  margin-top:7px;
}

/**
 *  Meta-Navigation definitions.
 */
div#meta
{
  margin-left:-1px;
  padding-top:2px;
}

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

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

/**
 *  Foot definitions.
 */
div#foot
{
  background-color:#e5e5e5;
  bottom:20px;
  clear:both;
  left:0;
  padding:5px 9px;
  position:absolute;
  text-align:right;
  width:962px;
}

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

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

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

/**
 *  Main-Navigation definitions.
 */
div#navigation
{
  background-color:#e5e5e5;
  margin-bottom:15px;
  height:20px;
  padding-top:5px;
  padding-left:8px;
}

/**
 *  Columns definitions.
 */
div#column_left
{
  float:left;
  margin-right:30px;
  margin-top:25px;
  width:180px;
}

div.column_770
{
  float:right;
  width:770px;
}

div.column_720
{
  float:left;
  width:720px;
}

div.column_text  {
  margin-top:6px;
}



/**
 *  Navigation definitions.
 */
ul#second_nav li
{
  display:inline;
}

ul#second_nav li a
{
  background:url(../img/arrow_right.png) 4px 6px no-repeat;
  border-bottom:1px #e5e5e5 solid;
  display:block;
  padding:1px 2px 2px 15px;
  text-decoration:none;
  width:163px;
}

ul#second_nav li a:hover,ul#second_nav li a:focus
{
  text-decoration:underline;
}

ul#second_nav li li a
{
  margin-left:10px;
  width:153px;
}

ul#second_nav li li li a
{
  background:url(../img/arrow_right.png) 14px 6px no-repeat;
  border-bottom:1px #fff solid;
  margin-left:10px;
  padding:1px 2px 1px 25px;
  width:143px;
}

#is_active
{
  background-color:#fc3!important;
  border-bottom:1px #fc3 solid!important;
}

#next_is_active,.next_is_active
{
  border-bottom:1px #fc3 solid!important;
}

.is_parent
{
  background:#e5e5e5 url(../img/arrow_down.png) 5px 5px no-repeat!important;
}

#last_item_third_level
{
  border-bottom:1px #e5e5e5 solid!important;
}

#first_item
{
  border-top:1px #e5e5e5 solid;
}

#first_item_is_active
{
  background-color:#fc3!important;
  border-bottom:1px #fc3 solid!important;
  border-top:1px #fc3 solid!important;
}

/**
 *  Functions Toolbar definitions.
 */
div#functions
{
  border-top:1px #e5e5e5 solid;
  padding-bottom:65px;
}

div#functions ul li
{
  display:inline;
}

div#functions ul li a#functions_print
{
  background:url(../img/function_print.png) 0 0 no-repeat;
  float:left;
  height:17px;
  margin-right:9px;
  margin-top:5px;
  padding-left:24px;
  padding-top:3px;
  text-decoration:none;
}

div#functions ul li a#functions_recommend
{
  background:url(../img/function_recommend.png) 0 0 no-repeat;
  float:left;
  height:17px;
  margin-right:9px;
  margin-top:5px;
  padding-left:23px;
  padding-top:3px;
  text-decoration:none;
}

div#functions ul li a#functions_top
{
  background:url(../img/function_top.png) top right no-repeat;
  float:right;
  height:18px;
  margin-top:5px;
  padding-right:24px;
  padding-top:2px;
  text-decoration:none;
}

div#functions ul li a#functions_print:hover,div#functions ul li a#functions_recommend:hover
{
  background-position:0 -20px;
  text-decoration:underline;
}

div#functions ul li a#functions_top:hover,div#functions ul li a#functions_top:focus
{
  background-position:right -20px;
  text-decoration:underline;
}

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

div.box img.box_headline
{
  margin-bottom:6px;
}

div.box a.arrow
{
  background:url(../img/arrow_link.png) 0 2px no-repeat;
  padding-left:25px;
  margin-left:5px;
  text-decoration:none;
}

div.box a.box_arrow
{
  background:url(../img/arrow_link.png) 0 2px no-repeat;
  padding-left:25px;
  text-decoration:none;
}

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

div.box ul li a
{
  text-decoration:none!important;
}

div.box ul li a:hover,div.box ul li a:focus
{
  text-decoration:underline!important;
}

div#box_spacer
{
  margin-bottom:20px;
}

/**
 *  Content definitions.
 */
div#content
{
  margin-bottom:32px;
}

/**
 *  Accordion definitions.
 */
div#collapse-link
{
  text-align:right;
  margin-top:10px;
}

div#collapse-link a
{
  background:url(../img/arrow_right.png) 0 4px no-repeat;
  padding-left:10px;
  text-decoration:none;
}

div#collapse-link a:hover,div#collapse-link a:focus
{
  text-decoration:underline!important;
}

ul#collapse
{
  border-bottom:1px #e5e5e5 solid;
  margin-bottom:16px!important;
  margin-top:2px;
}

ul#collapse li
{
  background:none!important;
  padding-bottom:0!important;
  padding-left:0!important;
}

ul#collapse li div.toggler
{
  background:url(../img/arrow_right.png) -2px 6px no-repeat;
  border-top:1px #e5e5e5 solid;
  cursor:pointer;
  font-weight:700;
  margin-bottom:1px;
  padding-bottom:1px;
  padding-left:9px;
  padding-top:1px;
}

.toggler_open
{
  background:url(../img/arrow_down.png) 0 5px no-repeat!important;
  border-top:1px #fc3 solid!important;
}

ul#collapse li div.collapse
{
  padding:1px 9px;
}

ul#collapse li div.collapse p
{
  margin-bottom:6px!important;
}



/* BOX EDIT (CMS) */
.box_edit_button
{
  width:100%;
  background-color:#ff9e38;
  border:1px solid #ff9e38;
  color:#fff;
  padding:0;
  cursor:pointer;
  margin-bottom:10px;
}

.box_edit_button_inactive
{
  width:100%;
  background-color:#fff;
  border:1px solid #ff9e38;
  color:#ff9e38;
  padding:0;
  cursor:pointer;
  margin-bottom:10px;
}

.box_edit_select
{
  width:100%;
  background-color:#fff;
  border:1px solid #ff9e38;
  color:#ff9e38;
  margin-bottom:10px;
}


div#content ul li {
  background:transparent url(../img/li.png) no-repeat scroll 0 6px;
  padding-bottom:4px;
  padding-left:9px;
}


/* margin */
.margin_top_4
{
  margin-top:4px;
}

.margin_top_5
{
  margin-top:5px;
}

.margin_top_10
{
  margin-top:10px;
}

.margin_bottom_8
{
  margin-bottom:8px;
}

.margin_bottom_15
{
  margin-bottom:15px;
}

.margin_right_9  {
  margin-right:9px;
}


/* form */
.form_error
{
  width:488px;
  border:1px #b00000 solid;
  padding:10px;
  margin-top:10px;
}

.form_access
{
  width:492px;
  border:1px #fb3 solid;
  padding:10px;
  margin-top:10px;
}

.form_container
{
  margin-top:13px;
}

.form_container label
{
  margin-bottom:2px;
}

.form_row_left
{
  width:250px;
  margin-right:10px;
  margin-bottom:8px;
}

.form_row_right
{
  width:250px;
}

label
{
  font-weight:700;
  display:block;
  margin-left:1px;
}

input
{
  border:1px #ccc solid;
  font-family:Verdana,Geneva,sans-serif;
  padding:2px;
  padding-bottom:3px;
  font-size:11px;
  line-height:15px;
}

input.text
{
  border:1px #ccc solid;
  width:244px;
  height:13px;
  font-family:Verdana,Geneva,sans-serif;
  font-size:11px;
  padding:2px;
  padding-bottom:3px;
}

input.image
{
  padding:0;
  margin:0;
}

select
{
  border:1px #ccc solid;
  height:19px;
}

textarea.textarea
{
  border:1px #ccc solid;
  width:504px;
  height:72px;
  padding:2px;
  padding-bottom:3px;
}

div#ergebnisse
{
  background:#f2f2f2;
  margin-top:20px;
  height:23px;
  width:507px;
  padding-top:3px;
  padding-left:3px;
}

div#ergebnisse #ergebnisse_select
{
  width:328px;
  height:19px;
  margin-right:9px;
}

div#ergebnisse #ergebnisse_input
{
  background:url(../img/input_search.png) 0 0 no-repeat;
  border:1px #ccc solid;
  font-family:Verdana,Geneva,sans-serif;
  font-size:11px;
  margin:1px 2px 1px 10px;
  padding:2px 2px 3px 18px;
  width:136px;
  height:12px;
}


hr.space  {
  margin-bottom:15px;
}

.radio_input  {
  margin-top:6px;
  margin-right:2px;
}

.radio_input input  {
  border:0 none;
}

.radio_label  {
  margin-top:3px;
}


div.box_headline  {
  font-size:11px;
  font-weight:700;
  padding:2px 4px 3px 5px;
  background:#e5e5e5;
  margin-bottom:7px;
}

.fdm {
  width:120px;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.fdm dl {
  border:1px #e5e5e5 solid;
}

.fdm dt {
  text-align:center;
  width:118px;
  height:118px;
}

.fdm dd {
  background:#e5e5e5;
  font-size:11px;
  line-height:15px;
  height:29px;
  padding:3px 5px 4px;
}