@charset "utf-8";/*################################################	
	|> title:  mobilbonus wai-version
	|> author: angelo dini
			   maxomedia - agentur für crossmedia-kommunikation bsw
	|< info:   12.01.2008 | v1.0 | base.css
#################################################################*/

/******************************************************************|
/----[=global] */
* { font-size:100.0%; margin:0; padding:0; /*outline:none;*/ vertical-align:baseline;
	font-family:inherit; font-weight:inherit; font-style:inherit; }

body {
	color:#000; line-height:1.2;
	font:0.625em arial,sans-serif;
	background:#fff;
}


/******************************************************************|
/----[=text] */
p { font-size:1.20em; margin:0 0 1.25em 0; }
span {}

address, dfn, code, samp, kbd, var, cite, pre, { white-space:normal; }
abbr, acronym { border:none; }

em { font-style:italic; }
strong { font-weight:bold; }
.u { text-decoration:underline; }
.o { text-decoration:line-through; }

blockquote, q { quotes: '' ''; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; }

sup { vertical-align:text-top; font-size:9px; }
sub { vertical-align:text-bottom; font-size:9px; }

/*---[=media] */
img, object, applet, iframe { border:none; }

/*---[=headings] */
h1, h2, h3, h4, h5, h6 { font-weight:bold; margin:0 0 0.83em 0; }
h1 { height:2.5em; margin:0 0 0.10em 0; background:no-repeat left top; }
h1 a span { display:block; overflow:hidden; text-indent:-1000em; }
h1 a { display:block; height:2.5em; width:25em; }
h2 {
	font-size:1.20em; color:#fff;
	padding:0.25em 0.42em;
	background-color:#039;
	height:1.25em;
}
h2 span { font-weight:normal; }
h3 { font:normal 1.70em arial; }
h4 { font-size:1.40em; }
h5 { font-size:1.20em; }
h5 span { font-weight:normal; float:right;}
h6 { margin:0; font-size:1.20em; }
h6 span { font-weight:normal; float:right;}

hr { height:0.10em; border:none; padding:0; margin:0.50em 0;
	 border-bottom:1px solid #474747; } /* margin needs ie fix (-5px) */

/*---[=lists] */
ul { margin:0 0 1.50em 2.00em; list-style:square; }
ol { margin:0 0 1.50em 2.00em; list-style:decimal; }
li { font-size:1.20em; }

dl { padding:0 0 1.50em 0; }
dt {}
dd {}


/******************************************************************|
/----[=anchors] */
a { text-decoration:none; color:#000; cursor:pointer; }
a:active, a:hover { text-decoration:underline; color:#000; }
a:focus { /*outline:inherit;*/ }
a:link, a:visited {}
a.link-red { color:#f00; text-decoration:none !important; }
a.link-red:hover { text-decoration:underline !important; }
.link-blue a { color:#039; text-decoration:none !important; }
.link-blue a:hover { text-decoration:underline !important; }


/******************************************************************|
/----[=tables] */
table { border-collapse:collapse; border-spacing:0; border-color:#fff; }
th, caption { font-weight:bold; }
th, td { text-align:left; vertical-align:top; padding:0.17em 0.42em; }
th, td, caption { font-size:1.20em; }
th { background:none; }
td { background:none; }
tr.odd td { background:#dedede; }


/******************************************************************|
/----[=forms] */
.frm {}

.frm fieldset { padding:1em; margin:0 0 1em 0; border:none; background:#ededed; }
.frm fieldset ol { list-style:none; margin:0; }
.frm legend { font-weight:bold; font-size : 1.2em; }
.frm li {  clear:both !important; }

.frm .align-horizontal {} /* - */
.frm .align-horizontal li { overflow:hidden; margin:0 0 0.5em 0; } /* clearfix hack */
.frm .align-horizontal label { width:35%; float:left; padding:0.2em 0 0 0; }
.frm .align-horizontal div { width:65%; float:left; }

.frm .align-vertical {} /* | */

.frm .radiocheck {}
.frm .radiocheck li { overflow:hidden; }
.frm .radiocheck label { float:left; }
.frm .radiocheck input { float:left; border:none; }

/* change props */
input, textarea, select {
	/* pls test */ font:normal 1.1em arial;
	padding:1px 2px; margin:0;
	border:1px solid; border-color:#cdcdcd #cdcdcd #cdcdcd #cdcdcd;
	background:#fff;
}
input:hover, textarea:hover, select:hover {}
input:focus, textarea:focus, select:focus { border:1px solid; border-color:#999 #999 #999 #999; }

.frm label { cursor:pointer; }
.frm p { font-size:1em; }

.frm .input_text { width:10.00em; }
.frm .input_select {}
.frm .input_textarea {}

/* specific */
.frm_superhome p { margin:0.6em 0 0 0; }
.frm_superhome a { line-height:1.8em; }

.input_checkbox, .input_radio, .input_checkbox input, .input_radio input { border:none; background:none; }

/******************************************************************|
/----[=buttons] */
.btn, .btn input, .btn span { float:none;
	display:-moz-inline-box; display:inline-block;
	cursor:pointer; word-wrap:break-word;
	text-align:left; vertical-align:top; text-decoration:none;
	width:auto; overflow:visible;
	padding:0; margin:0;
	border:none; background:none;
}
 
.btn, .btn input, .btn span { font:bold 12px arial; color:#fff; height:26px; background:url('../_gfx/btn_left.gif') no-repeat left top; }
.btn {
	padding:0; height:26px;
	background:transparent url('../_gfx/btn_right.gif') repeat-y right top;
	border:none;
}
.btn input, .button .btn span {
	padding:0 15px 0 10px;
}
.btn:hover { text-decoration:none; }
.btn:hover input, .button .btn:hover span {}
.btn:active { text-decoration:none; }
.btn:active span, .button .btn:active input {}
 
a.btn span {
	 /* ie6/ff2 fix */
	padding:5px 18px 2px 13px;
	height:18px;
}
a.btn { text-decoration:none !important; }

.btn-forward { background:url('../_gfx/btn_watchlist.gif') no-repeat right 2px; height:24px; padding:0 5px 2px 0; width:145px; }
.btn-back { background:url('../_gfx/btn_watchlist-back.gif') no-repeat left 2px; height:24px; padding:0 0 2px 5px; width:145px; }
.btn-back input, .btn-forward input { background:none; }
.btn-back input { text-align:right; }

.btn.btn-arrow-right { padding-bottom:5px; background:url('../_gfx/btn_arrow-rightb.gif') no-repeat left 2px !important; height:29px; }
.btn.btn-arrow-right input { background:url('../_gfx/btn_arrow-righta.gif') no-repeat right 2px !important; height:29px; padding-right:20px !important; }
.btn.btn-arrow-left { padding-bottom:5px; background:url('../_gfx/btn_arrow-leftb.gif') no-repeat right 2px !important; height:29px; }
.btn.btn-arrow-left input { background:url('../_gfx/btn_arrow-lefta.gif') no-repeat left 2px !important; height:29px; padding-left:20px !important; }

.set-width.right input { width:190px; text-align:left; }
.set-width.left input { width:190px; text-align:right; }
.set-width. input { width:190px; text-align:right; }

/*---[=error] */
ul.error { list-style:disc; padding:0.30em 0; margin:0 0 1.50em 0;
		   border:2px solid #ec1c24; background:#fcc; }
  .error li { padding:0 0 0.08em 0; margin:0 0 0 2.08em;  }
  .error li.title { color:#ec1c24; list-style:none; font-weight:bold; margin-bottom:0.25em; }


/******************************************************************|
/----[=other] */
.break { height:1.50em; }
.left { float:left; }
.right { float:right; }
.nofloat { float:none !important; }
.highlight { font-weight:bold; }
.highlight-blue { color:#039; }
.highlight-blue a { font-size:0.83em; }
.highlight-red { color:#f00; }
.highlight-grey, .highlight-grey a { color:#6c6c6c; }
.normal-font, .normal-font * { font:normal 12px arial !important; }
.center { text-align:center; }
.nobreak { margin:0 !important; }
.align-right { text-align:right; }


/******************************************************************|
/----[=patches] */

/* clearfix patch */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0;
	clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }

/* hides from IE-Mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-Mac */