@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_510 {
  float:left;
  width:510px;
}

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;
}

.fdm dd.voting {
  background:url(../img/rating_seperator.gif) 0 0 no-repeat #e5e5e5;
  font-size:11px;
  line-height:15px;
  height:15px;
  padding:5px 5px 5px 6px;
}

.fdm dd.voting_average {
  background: 0 0 no-repeat #e5e5e5;
  font-size:11px;
  line-height:15px;
  height:15px;
  padding:0px 5px 5px 6px;
}

input.error,textarea.error,select.error {
  border:1px #b00000 solid!important;
}

label.error {
  color:#b00000!important;
}


/* news */
div.news-comment {
  
}

div.news-comment form {
  margin:0 0 19px 0;
}

div.news-comment label {
  margin:0 0 2px 0;
}

div.news-comment textarea {
  border: 1px solid #e5e5e5;
  height:37px;
  width:508px;
  padding: 2px 0 0 3px;
  margin: 0 0 17px 0;
}

div.news-line
{
  margin-top:6px;
  margin-bottom:8px;
  width:510px;
}

h4 {
  margin: 0 0 12px 0;
}

p.comment {
  border-bottom:1px solid #e5e5e5;
  padding: 0 0 2px 0;
}

img.detail {
  margin-bottom:16px;
  border:1px solid #e5e5e5;
}

h3.detail {
  border:none;
}

h3.detail span{
  font-weight:normal;
}

/*Information Material**/
.info_material {
    float:left;
    margin-top:7px;
}

.info_material b {
    display:block;
    margin-bottom:7px;
}

.info_material img {
    border-top:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
}

.info_material div {
    background: #e6e6e6;
    border-right:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    font-weight: bold;
    line-height:16px;
    color:#333;
    font-size:11px;
    padding: 1px  6px 2px 4px;
    width:234px;
}

.info_material.first {
    margin-right:15px;
}

.info_material a {
    text-decoration:none;
}

.info_material a:hover {
    text-decoration:underline;
}

.info_material a.arrowlink img {
    border:none;
    float:right;
    margin-top:4px;
}

/* + + Kontakt Flyer + + */
.packages table tr td{
  padding-right:8px !important;
  vertical-align:middle;
}

.ptitle {
  font-weight:700;
  padding-bottom:3px;
}

.packages {
  margin-bottom:20px;
}

.form_row_left select {
  width:250px;
  line-height:18px;
  height:20px;
}
.form_row_left select option {
  padding:2px 3px 1px;
}

.hpackage {
  font-size:15px;
  margin-bottom:10px;
}

h2.mtop {
  margin-top:10px;
}

hr.dist {
  background:none;
  border:none;
}

.pack .submit {
  margin-top:10px;
}

.opt {
  font-size:9px;
}

#flyer-img {
  margin:20px 0 10px;
}

#flyer-img a{
  cursor:pointer;
  display:block;
  margin-right:79px;
  float:left;
  text-decoration:none;
}

a.flyer {
  width:100px;
}

a.plakat {
  width:142px;
}

#flyer-img a img{
  border:none;
}


#flyer-img a p{
  text-decoration:none;
  padding-left:4px;
  font-weight:700;
}

#noright {
  margin-right:0 !important;
}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}