/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}/* -----------------------------------------------------------------------


 Blueprint CSS Framework 1.0
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
/*html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}*/
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
/*html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
body {color:#222;background:#fff;}*/
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
/*tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}*/
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(/assets/images/grid.png);}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:18px;}
input.span-2, textarea.span-2 {width:58px;}
input.span-3, textarea.span-3 {width:98px;}
input.span-4, textarea.span-4 {width:138px;}
input.span-5, textarea.span-5 {width:178px;}
input.span-6, textarea.span-6 {width:218px;}
input.span-7, textarea.span-7 {width:258px;}
input.span-8, textarea.span-8 {width:298px;}
input.span-9, textarea.span-9 {width:338px;}
input.span-10, textarea.span-10 {width:378px;}
input.span-11, textarea.span-11 {width:418px;}
input.span-12, textarea.span-12 {width:458px;}
input.span-13, textarea.span-13 {width:498px;}
input.span-14, textarea.span-14 {width:538px;}
input.span-15, textarea.span-15 {width:578px;}
input.span-16, textarea.span-16 {width:618px;}
input.span-17, textarea.span-17 {width:658px;}
input.span-18, textarea.span-18 {width:698px;}
input.span-19, textarea.span-19 {width:738px;}
input.span-20, textarea.span-20 {width:778px;}
input.span-21, textarea.span-21 {width:818px;}
input.span-22, textarea.span-22 {width:858px;}
input.span-23, textarea.span-23 {width:898px;}
input.span-24, textarea.span-24 {width:938px;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/**
 *	FF Bugfix, sonst stürzt dieser jedes mal ab wenn
 *	man versucht die Selectbox im FF zu öffnen
 */
select.clearfix:after, select.container:after {content:normal;display:inherit;height:auto;}
select.clearfix, select.container {display:inherit;}




ul.cbsteps.smallstep {
	margin-left:0px;
	padding-left:0px;
}
ul.cbsteps.smallsteps li {
    line-height: 28px;
	margin-left:0px;
	padding-left:0px;
	list-style-type: none;
}
ul.cbsteps.smallsteps li span {
	margin-right:10px;
	margin-top:-2px;
}


.number.small {
    background-color: #25A9DF;
   color: #fff;
    padding: 3px 10px;
    padding: 2px 7px;
    font-weight: bold;
    font-size: 138.5%;
    margin-bottom: 0;
    line-height: 100%;    
    margin-bottom:10px;
}

.recharge.head {
	color:#6D6D6D;
	font-weight:normal;;
	float:right;
	position:relative;
	top:-92px;
	font-size:12pt;
	line-height:27px;
	padding-left:35px;
	background-image:url(/assets/images/plus_guthaben.png);
	background-repeat:no-repeat;
	background-position:left;
}


.head .banner {
        position: relative;
        width:100%;
        text-align:center;
        margin:0px auto;
        /*border:solid 1px #f00;*/
        margin-top:20px;
        margin-bottom:0px;
}
.head .banner img {
        border:none;
}






.regform .formerror {
        border-color: #f00 !important;
}
.regform  ul.errors  {
        position:relative;
        top:0px;
        float:none;
        clear:both;

        background-image:url('/assets/images/error_background_up.png');
        background-position: 8px 2px;
        background-repeat: no-repeat;
        margin:0px;
        padding:0px;
        padding-top:15px;
}
.regform .errors li {
        color:#f00;
        background-color: #fff1bc;
        margin:0px;
        padding:6px;
        padding-left:15px;
        -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
        -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
        /*margin-left:20px;*/
        list-style-type: none;
}/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/assets/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}


#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/assets/images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/assets/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/assets/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/assets/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/assets/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/assets/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/assets/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/assets/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/assets/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/assets/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/assets/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/assets/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/assets/images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/assets/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/assets/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/assets/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }* {
        outline: none;

}

#cookieChoiceInfo {
        position:fixed;
        width:100%;
        background-color:#444;
        margin:0; 
        left:0; 
        bottom:0;
        padding:10px;
        z-index:1000;
        text-align:center;
}
#cookieChoiceInfo span {
        color:#fff;
}
#cookieChoiceInfo a {

        color:#25a9df;
}
#cookieChoiceInfo a#cookieChoiceDismiss {
        display:inline-block;
        padding:5px;
        border:solid 1px #fff;
        background-color:#25a9df;
        color:#fff;
        margin-left:15px;
}
body {
        background-color: #fff;
        font-family: arial,helvetica,clean,sans-serif;
        color:#6d6d6d;
}

html, body, .page {
        height: 100%;
}

.nonFoot {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -300px;
}
.push {
        height: 300px;
}

.page .userbar {
        height: 43px;
        background-color: #f0f0f1;
}

.page .innerbody {
        padding-bottom: 60px;
}

.head a.logo {
        display: block;
        width: 493px;
        height: 70px;
        background-image: url(/assets/images/telmy-guenstig-telefonieren.png);
        background-repeat: no-repeat;
        margin-top:65px;
        margin-bottom: 58px;
        text-indent: -10000px;
}


/**
 * Login-Form
**/
.userbar .loginform {
        padding-top:3px;
}

.userbar .loginform dl {
        float:right;
}

.userbar .loginform dl dd {
}

.userbar .loginform dt,
.userbar .loginform dd {
        margin:0;
        margin-top:7px;
        float: left;
        margin-right: 9px;
}

.userbar .loginform dt {
        margin-top:9px;
}

.userbar .loginform .recoverpw {
        float: left;
        display: block;
        text-indent: -10000px;
        background-image: url(/assets/images/questionmark.png);
        background-repeat: no-repeat;
        width: 19px;
        height: 19px;
        border: 1px solid #BBB;
        border-left: 0px none;
        line-height: normal;
}

form.form.loginform label {
        font-weight: normal;    
}

form.form.loginform .text,
form.form.loginform .submit {
        padding-top:1px;
        padding-bottom:1px;
        margin:0;
        height: 17px;
        font-size:85%;
}

form.form.loginform .submit {
        padding-top:1px;
        height: 21px;
        /*    height: 20px;*/
        line-height: 11px;
        /*    position: relative;
            border: 1px solid #2698c8;
            box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);*/
}

/*form.form.loginform .submit:hover { background-color: #27bbf9;  border: 1px solid #25a9df; }
form.form.loginform .submit:active {top: 2px; left: 1px;}*/

.userbar .loginform #login-submit-label,
.userbar .loginform #login-submit-element {
        margin-right: 0px;
}


.userbar .loginform #login-username {
        width:180px;
}

.userbar .loginform #login-password {
        width:154px;
        border-right: 0px none;
        float:left;
}

/**
 * Usermenu oben
*/
.usermenu {
        padding:0;
        margin:0;
        height: 43px;
}

.usermenu li {
        list-style-type: none;
        float: left;
        height: 29px;
        padding:14px 5px 0 5px;
        margin-right: 6px;
        color:#4d4d4d;
}

.usermenu .submenu.noarrow {
        background-image: none;
        padding-right: 3px;
}

.usermenu .lang span {
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -10000px;
        width: 16px;
        height: 16px;
        display: inline-block;
}

.usermenu .lang.de span {
        background-image: url(/assets/images/lang/de.gif);
}
.usermenu .lang.en span {
        background-image: url(/assets/images/lang/en.gif);
}
.usermenu .lang.fr span {
        background-image: url(/assets/images/lang/fr.gif);
}
.usermenu .lang.nl span {
        background-image: url(/assets/images/lang/nl.gif);
}
.usermenu .lang.tr span {
        background-image: url(/assets/images/lang/tr.gif);
}

.usermenu .changelang {
        background-repeat: no-repeat;
        padding-left: 20px;    
        line-height: 11px;
        background-position: left center;

}

.usermenu .changelang.de {
        background-image: url(/assets/images/lang/de.gif);
}
.usermenu .changelang.en {
        background-image: url(/assets/images/lang/en.gif);
}
.usermenu .changelang.fr {
        background-image: url(/assets/images/lang/fr.gif);
}
.usermenu .changelang.nl {
        background-image: url(/assets/images/lang/nl.gif);
}
.usermenu .changelang.tr {
        background-image: url(/assets/images/lang/tr.gif);
}



.usermenu li.open {
        color:#fff;
        background-color: #29abe1;
}

.usermenu li.open a {
        color:#fff;
}



.usermenu li a {
        color:#4d4d4d;
        text-decoration: none;
        font-weight: normal;
}



.usermenu li a.submenu {
        background-image: url(/assets/images/arrows/down_blue.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 24px;
}

.usermenu li div {
        position: absolute;
        height:29px;
        margin-top:9px;
        left:0px;
        width: 100%;
        background-color: #29abe1;
        display: none;
}

.usermenu li ul {
        left:0;    
        margin:0px auto;
        width:960px;
        padding:0;
}

.usermenu li ul li {
        height:23px;
        margin-right: 24px;
        padding:6px 5px 0 0px;
}

.usermenu li ul li a {
        color:#fff;
        font-weight: normal;
}

.usermenu li ul li a:hover {
        color: #F0F0F1;
}

.usermenu li.username a{
        font-weight: bold;
}

.usermenu li.logout {
        float:right;
}

.usermenu li.logout a{
        font-weight: bold;
}

/**
 * Fehler- und Info-Meldungen
*/
.message {
        border: 1px dashed #404041;
        /*    width: 958px;*/
        margin-bottom: 45px;
        background-repeat: no-repeat;

}

.message .bd {
        color:#4d4d4d;
        padding:13px 0;
        padding-left: 58px;
}

.message .bd h2 {
        margin-top:0px;
        color:#4d4d4d;
}


.message.error {
        background-image: url(/assets/images/icon_error.png);
        background-color: #ffbac5;
        background-position: 18px 9px;
}

.message.info {
        background-image: url(/assets/images/icon_info.png);
        background-color: #d3eea4;
        background-position: 23px 12px;
}

.message.status {
        background-color: #fff1bc;
        margin-bottom: 10px;
}

.message.status .bd {
        padding-left: 18px;
}

.message.status ul {
        margin-bottom: -25px;
}

.message.status li {
        background-image: url(/assets/images/attention.png);
        background-repeat: no-repeat;
        line-height: 25px;
        padding-left: 39px;
        margin-bottom: 25px;
}

/**
 * Navigation für Text-Seiten
*/
ul.sideNavigation {
        padding:0;
        margin:0;
        padding-bottom: 29px;
        background-color: #efeff0;
        padding-left: 21px;
        padding-top: 11px;
        padding-right: 19px;
        width: 231px;
}

ul.sideNavigation li {
        list-style-type: none;
        border-bottom: 1px solid #d9d9da;
        text-align: left;
        padding-top: 13px;
        padding-bottom: 3px;
}

ul.sideNavigation li a {
        text-decoration: none;
        color: #7d7e81;
        font-weight: normal;    
}

ul.sideNavigation li a.bold,
ul.sideNavigation li.active a.bold {
        font-weight: bold;
        color:#29abe1;
}

ul.sideNavigation li.active a,
ul.sideNavigation li.active ul li.active a {
        color: #57585b;
        font-weight: bold;
}

ul.sideNavigation li.active ul li a {
        color: #7d7e81;
        font-weight: normal;    
}

ul.sideNavigation ul {
        margin:0;
        margin-left: 5px;
        display: none;
        list-style-type: none;
}

ul.sideNavigation li.active ul {
        display: inherit;
}

ul.sideNavigation ul li {
        padding-top:5px;
        border-bottom: 0px none;
        list-style-type: square;
}

/**
 * Navigation oben 
**/
.head .navigation {
        padding:0;
        margin:0;
        margin-right: -21px;
        position: relative;
        margin-bottom: 20px;
        border-bottom: 3px solid #F0F0F1;
        width: 960px;
}

.head .navigation li {
        list-style-type: none;
        display: block;
        float: left;
        height: 23px;
        margin-right: 18px;
        padding: 6px 5px 0 5px;
}

.head .navigation li.open {
        background-color: #57585B;
}

.head .navigation li.open a,
.head .navigation li.open a:hover {
        color:#fff;
}

.head .navigation li a {
        color: #57585B;
        text-decoration: none;
        font-size: 108%;
        font-weight: normal;
}

.head .navigation li a:hover,
.head .navigation li.active a {
        color:#000;
}

.head .navigation li a.submenu {
        background-image: url(/assets/images/arrows/down_gray_dark.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 24px;
}

.head .navigation ul{
        display: none;
}

.head .navigation li ul {
        position: absolute;
        z-index: 100;
        height: 29px;
        background-color: #57585B;
        padding-left: 10px;
        display: none;
        border-bottom: 3px solid #F0F0F1;
        width: 950px;
        left:0;
        margin-top:2px;
}

.head .navigation ul li a{
        color:#fff;
}

/**
 * Footer
**/
.footer {
        background-image: url(/assets/images/footer-background.png);
        background-color: #fafafa;
        background-repeat: repeat-x;
        height: 340px;
}

/**
 * Spalten auf Footer
**/
.footer .hd {
        padding-top: 13px;
        font-size: 138.5%;
        height: 60px;
}

.footer .sitemap {
        margin-right: -10px;
        padding:0;
        margin-bottom:0;
}

.footer .sitemap li {
        list-style-type: square;
        list-style-position: outside;
        float: left;
        width: 118px;
        margin-left: 22px;
        margin-bottom: 5px;
}

.footer .sitemap li a {
        font-size: 93%;
        color:#555557;
        text-decoration: none;
        font-weight: bold;
}

.innerfooter .company {
        font-size: 85%;
        letter-spacing: -0.5px;
        margin-top:10px;
        white-space: nowrap;
}


#megabill-paymethods-title {
        display: none;
}

#megabill-paymethods .megabill-method.lastschrift {
        background-image: url(/assets/images/megabill/e-last.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.visa {
        background-image: url(/assets/images/megabill/visa.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.master {
        background-image: url(/assets/images/megabill/mastercard.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.moneybookers-amex {
        background-image: url(/assets/images/megabill/amex.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.moneybookers-diners {
        background-image: url(/assets/images/megabill/diners.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.paypal {
        background-image: url(/assets/images/megabill/paypal.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.click-and-buy {
        background-image: url(/assets/images/megabill/clickandbuy.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.eps {
        background-image: url(/assets/images/megabill/eps.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.giropay {
        background-image: url(/assets/images/megabill/giropay.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.sofort-ueberweisung {
        background-image: url(/assets/images/megabill/sofort.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}

#megabill-paymethods .megabill-method.moneybookers {
        background-image: url(/assets/images/megabill/moneybookers.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}
#megabill-paymethods .megabill-method.ueberweisung {
        background-image: url(/assets/images/megabill/vorkasse.png) !important;
        background-color: transparent;
        margin-right: 0px !important;
        width: 75px !important;
        height: 45px !important;
}

/**
 * Zusätzliche Attribute für Styles
 **/
.bold {
        font-weight: bold;
}

.center {
        text-align: center;
}


.justify {
        text-align: justify;
}

/**
 * Standard Styles
**/
input[type="radio"] {
        margin: 3px 3px 0px 5px;
        margin-top: 3px;
        margin-right: 3px;
        margin-bottom: 0px;
        margin-left: 5px;
}

ol li {
        list-style-type: decimal;
}

a {
        color:#29abe1;
        font-weight: bold;
        text-decoration: none;
}

a:hover {
        color:#6d6d6d;
}

html {
        color:#6d6d6d;
}

h1, h2, h3 {
        color:#6d6d6d;
}

li {
        list-style:disc;
}

label {
        font-weight:normal;
}

dd {
        margin-left: 0;
}

hr.thick {
        height: 3px;
}

.border.thick {
        padding-right:2px;
        border-width: 3px;
}

.colborder.thick {
        padding-right: 22px;
        border-width: 3px;
}

.select:focus {
        border-color:#666;
}

.select {
        padding:5px;
        padding-top:4px;
        background-color:#fff;border:1px solid #bbb;color:#000;
}

.container {
        width: 960px;
}

.span-24 {
        width:950px;
        margin-right:10px;
}

.select.formerror,
.text.formerror {
        border-color: #8A1F11;
}

.text {
        float:none;
}


/**
 * Buttons und Dialoge
*/
a.button {
        display: inline-block;
}

a.button:hover {
        color:#fff;

}

.button.dark {
        background-color: #57585b;
}
.button.green {
        background-color: #8ac53e;
}
.button.green:hover { background-color: #95db3a }

.button:focus {
        border:1px solid #666;
        padding: 5px 9px;
}

.button.dark:focus {
        border-color:#29ABE1;
}

.button, 
.dialog .btnOk,
.dialog .btnCancel,
.dialog .btnDeleteOk {
        padding: 6px 10px;
        border:0px none;
        background-color: #25a9df;
        color: #fff; 
        margin: 0.5em 0;
        /*    background-image: url(/assets/images/button-overlay.png);*/
        /*    background-repeat: repeat-x;*/
        display: inline-block; 
        font-weight: bold;
        /*    text-decoration: none;   
            border: 1px solid #2698c8;
            box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);*/
        /*        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
        position: relative;
        cursor: pointer;
}

/*.button:hover { background-color: #27bbf9;  border: 1px solid #25a9df; }
.button:active { top: 2px; left: 1px;}*/

.button[disabled=disabled] {
        background-color: #e6e7e8;
}

.button.btnOk,
.dialog .btnOk {
        background-color: #8ac53e;
}

.button.btnCancel,
.dialog .btnCancel {
        background-color: #a6a8ab;
}

.button.btnDeleteOk,
.dialog .btnDeleteOk {
        background-color: #eb1c23;
}

.dialog .btnOk,
.dialog .btnCancel,
.dialog .btnDeleteOk { 
        margin-right: 0.5em;
}

.dialog .text,
.dialog .select {
        background-color: #e6e7e8;
}

.box {
        border:1px dashed #4d4d4d;
        color:#4d4d4d;
}

.notice {
        border:1px dashed #4d4d4d;
        color:#4d4d4d;
        background-color: #fff1bc;
}

.notice.icon {
        background-image: url(/assets/images/attention.png);
        background-position: 8px 8px;
        background-repeat: no-repeat;
        padding-left: 44px;
}

.box.notice.icon {
        background-position: 16px 16px;
        padding-left: 50px;
}

.error {
        border:1px dashed #4d4d4d;
        color:#4d4d4d;
        background-color: #ffbac5;
}

.error.icon {
        background-image: url(/assets/images/icon_error.png);
        background-repeat: no-repeat;
        background-position: 8px 4px;
        padding-left: 40px;
}

.box.error.icon {
        background-position: 8px 13px;
        padding-left: 40px;
}

.success {
        border:1px dashed #4d4d4d;
        color:#4d4d4d;
        background-color: #d3eea4;
}

.success.icon {
        background-image: url(/assets/images/icon_info.png);
        background-repeat: no-repeat;
        background-position: 8px 8px;
        padding-left: 34px;
}

.box.success.icon {
        background-position: 16px 18px;
        padding-left: 40px;
}

.box.gray {
        background-color: #f0f0f1;
        border:0px none;
}

a.reginfo {
        display: block;
        width: 551px;
        height: 51px;
        color:#fff;
        text-decoration: none;
        position: relative;
        background-image: url(/assets/images/howto/button_reg.png);
        background-repeat: no-repeat;
        padding:0 20px 0 69px;
        line-height: 51px;
        margin-bottom: 20px;
}

a.reginfo:active {
        top:1px;
}

.loginregister .button, .loginregister .button:visited {
        background: #222 url(/assets/images/button-overlay.png) repeat-x;
        display: inline-block;
        padding: 5px 10px 6px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        border-bottom: 1px solid rgba(0,0,0,0.25);
        position: relative;
        cursor: pointer;
}

.loginregister .button:hover                          { background-color: #111; color: #fff; }

.loginregister {
        width: 990px;
        margin-left: -30px;
}

.loginregister .col {
        margin-left: 30px;
        width: 460px;
        float: left;
}

.loginregister h2 {
        display: block;
        line-height: 66px;
        background-position: left bottom;
        background-repeat: no-repeat;
        padding-left: 80px;
        color: #6c6c6c;
        font-size: 24px;
}

.loginregister h2 span {
        display: block;
        border-bottom: 1px solid #f0f0f0;
}

.loginregister .register h2 {
        background-image: url(/assets/images/login/key_icon.png);
}
.loginregister .login h2 {
        background-image: url(/assets/images/login/unlock_icon.png);
}

.loginregister .register img {
        float:right;
        margin-right: -17px;
}

.loginregister .box {
        padding:0;
        margin:0;
        background: transparent;
        border:0px none;
}

.loginregister .box,
.loginregister .box .hd,
.loginregister .box .bd,
.loginregister .box .ft {
        width:460px;
}

.loginregister .box .hd,
.loginregister .box .ft {
        background-image: url(/assets/images/login/box_header_footer.png);
}

.loginregister .box .hd {
        height: 19px;
        background-position: 0 0;
}
.loginregister .box .ft {
        height: 11px;
        background-position: -460px 0;
}

.loginregister .box .bd {
        padding: 15px 30px;
        width:400px;
        height: 295px;
        background-image: url(/assets/images/login/box_content.gif);
        background-repeat: repeat-y;
        position: relative;
}

.loginregister #login-username,
.loginregister #login-password {
        height: 30px;
        padding: 0px 10px;
        letter-spacing: normal;
        width: 380px;
        box-shadow: 0px 0px 2px #FFF, 2px 2px 3px #ccc inset;
        -webkit-box-shadow: 0px 0px 2px #FFF, 2px 2px 3px #ccc inset;
        -moz-box-shadow: 0px 0px 2px #FFF, 2px 2px 3px #ccc inset;
        font-size: 18px;
        font-size: 14px;
        color: #505050;
}

.loginregister #login-submit {
        background-color: #29abe1;
}


.loginregister #login-submit,
.loginregister .regbutton {
        position: absolute;
        left:30px;
        bottom:33px;
}

.loginregister .recoverpw {
        position: absolute;
        right:30px;
        bottom:40px;
}

.loginregister #login-submit:active,
.loginregister .regbutton:active {
        top: inherit;
        bottom: 34px;
}

.loginregister .msg {
        border: 1px dashed #404041;
        background-color: #ffbac5;
        padding:10px;
        margin-bottom: 10px;
}

.loginregister .register .box {
        margin-bottom: 10px;
}

/**
* Newsletter opt-out
*/

.textLeft {
        float:left;
        height:517px;
        width:267px;
        padding-right: 34px;
}
.imageRight {
        float:left;
        margin-top:10px;
        height:517px;
        width:659px;
}

#quickfeedback {
        position: fixed;
        height: 100%;
        width: 0px;
        z-index: 1000;
        background-color: #1cafe5;
        box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
        color:#fff;    
        border-right: 1px solid #0892c1;

        transition: width 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -o-transition: width 1s ease-in-out;
        -ms-transition: width 1s ease-in-out;
}

#quickfeedback h2 {
        color:#fff;
}


#quickfeedback.open {
        width: 250px;
}

#quickfeedback .wrapper {
        overflow: hidden;
        width: 100%;
}



#quickfeedback .handle {
        display: block;
        text-indent: -10000px;
        height: 165px;
        width: 43px;
        background-image: url("/assets/images/feedback/feedback.png");
        position: absolute;
        right:-43px;
        top:50%;
        margin-top:-82px;
        background-position: -43px 0;
}
#quickfeedback.open .handle {
        background-position: 0 0;
}

#quickfeedback .form-container {
        padding:15px 15px 0 15px;
        width: 220px;
        position: absolute;
        right:0px;
}


#quickfeedback .loading {
        background-image: url("/assets/images/feedback/ajax-loader.gif");
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 20px;
        float: right;
        margin-top:10px;
        margin-right: 15px;
}

#quickfeedback fieldset {
        border:0px none;
        margin:0;
        padding:0;
}

#quickfeedback #send-label,
#quickfeedback #c1-label,
#quickfeedback #c2-label,
#quickfeedback #c3-label {
        display: none;
}

#quickfeedback select,
#quickfeedback input,
#quickfeedback textarea {
        width: 200px;
}

#quickfeedback textarea {
        height: 100px;
        resize: none;
}


#quickfeedback .text {
        height: 30px;
        padding: 0px 10px;
        letter-spacing: normal;
        width: 198px;
        box-shadow: 0px 0px 2px #FFF, 2px 2px 3px #ccc inset;
        -webkit-box-shadow: 0px 0px 2px #FFF, 2px 2px 3px #ccc inset;
        -moz-box-shadow: 0px 0px 2px #FFF, 2px 2px 3px #ccc inset;
        font-size: 18px;
        font-size: 14px;
        color: #505050;
}

#quickfeedback .select {
        width: 220px;
}

#quickfeedback .button, #quickfeedback .button:visited {
        width: 220px;
        margin-top:20px;
        background: #222 url(/assets/images/button-overlay.png) repeat-x;
        display: inline-block;
        padding: 5px 10px 6px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        /*    border-radius: 5px;*/
        /*    -moz-border-radius: 5px; */
        /*    -webkit-border-radius: 5px;*/
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        border-bottom: 1px solid rgba(0,0,0,0.25);
        position: relative;
        cursor: pointer;
}

#quickfeedback .button:hover                          { background-color: #111; color: #fff; }
#quickfeedback .button:active                         { top: 1px; }
#quickfeedback .button, #quickfeedback .button:visited {
        font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

#quickfeedback textArea.text {
        height: 100px;
        padding: 10px;
}

.navigation.small {
    font-size: 85%;
    color:#b6b8ba;
    margin-bottom: 0px;
    border-bottom: 0px none;
}

.navigation.small li a {
    color:#b6b8ba;
}

.navigation.selfcare {
    margin-bottom: 35px;
}

.navigation.selfcare li.active.open a,
.navigation.selfcare li.active ul li a {
    color:#fff;
}


.navigation.selfcare li a.submenu {
    background-image: url(/assets/images/arrows/down_green.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 24px;
}

.navigation.selfcare li.open,
.navigation.selfcare li ul {
    background-color: #8ac53e;
}

.navigation.selfcare .title {
    font-weight: bold;
}



.selfcarebox {
    background-color: #f7f7f7;   
    height: 305px;
    margin-right: 15px;
}

.selfcarebox .bd {    
    color:#4d4d4d;
    padding-top:10px;
    padding-left: 17px;
    padding-right: 10px;
}

.selfcarebox .hd {
    padding-left: 17px;
    padding-right: 10px;
    padding-top:15px;
    height: 32px;
    background-color: #f0f0f1;
}

.selfcarebox .hd * {
    color:#4d4d4d;
}

.selfcarebox.hover .hd {
    background-image: url(/assets/images/red_cross.png);
    background-position: 275px 50%;
    background-repeat: no-repeat;
}

.selfcarebox.dragging {
    cursor: move;
    -webkit-box-shadow: 10px 10px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 10px 10px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 10px 10px 4px rgba(0, 0, 0, 0.4);

}

.selfcarearea {
    margin-right: -15px;
}

#customerData .hd {
    background-color: #92d4ef;
}

#customerData {    
    background-color: #25a9df;
}

#customerData .bd {
    color:#fff;
}

#news .hd {
    background-color: #c5e29f;
}

#news {
    background-color: #8ac53e;
}

#dialin .hd {
    background-color: #ccc;
}

#dialin {
    background-color: #999;
}

.selfcarebox td {
    padding:0px;
}

.selfcarebox .data {
    width: 100%;    
}

.selfcarebox .data .name,
.selfcarebox .data .value {
    padding-top: 3px;
    width: 50%;
    border-bottom: 1px dashed #fff;
}

.selfcarebox .data .name {
    font-weight: bold;
}


#customerData span.name {
    font-size: 123.1%;
    font-weight: bold;
}

#customerData .data {
    margin-top: 10px;
}

#customerData a {
    color:#92d4ef;
    font-style: italic;
}

#news .bd {
    color:#fff;
}

#news .newsTitle {
    font-size: 123.1%;
    font-weight: bold;
}

#news .newsText {
    margin-top:10px;
    height: 112px;
    overflow-y: auto;
    padding-right: 10px;
    text-align: justify;
    margin-bottom: 15px;
}

#news a {    
    font-style: italic;
    color:#c5e29f;
}

#dialin .bd {
    color:#fff;
}

.dialinNumber {
    border-bottom: 1px dashed #fff;
    margin-bottom: 10px;

}

.dialinNumber .title {
    color:#fff;
    display: block;
}

.dialinNumber .number,
.dialinNumber .speeddial {
    display: block;
    margin-top:5px;
    margin-bottom: 5px;
    float: left;
    font-weight: bold;
    line-height: 14px;
}

.dialinNumber .number {
    background-image: url(/assets/images/arrows/arrow_gray_right.png);
    background-repeat: no-repeat;
    padding-left: 20px;

}

.dialinNumber .speeddial {
    margin-left: 5px;
    font-weight: normal;
    font-style: italic;
}

#score .data {
    margin-top:-15px;
    margin-bottom:0px;
}

#score .data .name,
#score .data .value {
    font-size: 93%;
    border-color:#b1b2b2;
    padding-top:15px;
}

#score .data .name {
    width: 55%;
}

#score .data .value { 
    width: 45%;
}


#score .data .additional .name,
#score .data .additional .value {
    border:0px none;
    padding-top:2px;
}

#score h3 {
    margin-bottom: 0;
}

#score .actions {
    margin-top:5px;
}

#score .actions .col1,
#score .actions .col2 {
    vertical-align: top;
}

#score .actions .col1 {
    width:45%;
}

#score .actions .col2 { 
    width:55%;
    padding-left: 10px;
}

#score .actions .col1 {
    padding-right: 10px;
    border-right: 1px dashed #b1b2b2;
}

#score .action {
    font-weight: normal;
    font-style: normal;
    display: block;
    width: 110px;
    color: #4D4D4D;
    padding-left: 25px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

#score .action.action1 {
    background-image: url(/assets/images/btn_green.png);
}

#score .action.recharge {
    margin-top:10px;
}

#score .action.action2 {
    background-image: url(/assets/images/arrows/arrow_darkgray_right.png);
}

#toggle_ar {
    display: block;
    margin-top:10px;
    background-image: url(/assets/images/selfcare/sprite_switch.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 85px;
    text-indent: -10000px;
}

#toggle_ar.inactive {
    background-position: 0 -30px;
}

.calls {
    width:100%;
    margin-bottom: 10px;
}

.calls td {
    font-weight: bold;
    padding-bottom: 3px;
    padding-top:3px;
    padding-left: 2px;
    font-size: 93%;
}

.calls .date,
.calls .nodata {
    font-weight: normal;
    font-style: italic;    
}

.calls .nodata {
    text-align: center;
}

.calls .even {
    background-color: #e6e7e8;
}


#lastCalls a,
#importantContacts a {
    font-style: italic;
    color:#b1b2b2;
}


/* Datentabelle */

table.datatable {
    width:100%;
    border-collapse: separate;
}

table.datatable td {
    vertical-align: top;
}

table.datatable td.col1,
table.datatable td.col2 {
    /*    width:250px;*/
}

table.datatable td.col3 {
    /*    width:100px;*/
}


.datatable thead td {
    font-weight: bold;
    color:#fff;
    /*    background-color: #8ac53e;*/
    background-color: #25a9df;
    padding:8px;
}

.datatable tbody td,
.datatable tfoot td {
    background-color: #f8f8f8;
    padding:12px;
}

.datatable tbody tr.even td {
    background-color: #fff;
}

.datatable tfoot td {

    font-weight: bold;
}

.datatable thead td.spacer,
.datatable tbody tr.even td.spacer,
.datatable tbody td.spacer {
    background-color: #f8f8f8;
    padding:0px;
    width: 10px;
    overflow: hidden;
}



.datatable thead td.spacer {
    background-color: #8ac53e;
}

.datatable tbody tr.spacer td {
    background-color: #f8f8f8;
    padding:0px;
    height: 12px;
    overflow: hidden;
}

.datatable tbody td.nodata {
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

div.box-gray {
    background-color: #f0f0f1;
    margin-bottom: 1.5em;
    padding:18px;
    font-size: 91.66%
}/*form.form dl, 
form.form dl dd {
    margin:0;
}

form.form dl dt {
    margin-top: 6px;
}

form.form label {
    color: #4D4D4D;
    font-size: 85%;
    font-weight: bold;
}

form.form .input-select,
form.form .input-text {
    overflow: hidden;
    line-height: 27px;    
    background: #fff;
    color: #4D4D4D;
    width: 200px;
    height: 21px;
    margin:0;
    padding:0;
    margin-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
    vertical-align: middle;
    border: 1px solid #CCC;
}

form.form .input-select {
    width: 212px;
}
*/
.submitNl ,
form.form .input-submit,
form.form .submit {
    background-color: #29abe1;
    border:0px none;
    color:#fff;
    font-weight: bold;
    text-align: center;
    padding:0px 10px;
    cursor: pointer;
    margin-top:3px;
    line-height: 29px;  
    height: 29px;

}
/*
form.form .input-check {
    margin-right: 10px;
}

form.form .input-text.error,
form.form .input-select.error,
form.form .input-check.error {
    border:1px solid #ff000b;
}

form.form ul.errors li {
    color:#ff000b;
}

form.form.register .input-select,
form.form.register .input-text {
    background-color: #E5E5E5;
    -moz-border-radius: 4px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    border:0px none;
}

form.form.register .input-select {
    width: 210px;
}

form.form.register input.input-submit {
    background-image: url(/assets/images/submit-bg.png);
    background-repeat: no-repeat;
    background-color: transparent;
    padding:0;
    line-height: 26px;
    height: 26px;
    width: 180px;
}*/

textarea#message {
    resize: none;
}

ul.errors {
    margin-left: 5px;
}
.fwfButton {    
    display: inline-block;
    width: 271px;
    height: 35px;
    line-height: 35px;
    background-image: url(/assets/images/fwf/btn_howto.png);
    background-repeat: no-repeat;
    border:0px none;
    padding:0;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    color:#fff;
    cursor:pointer;
    font-size: 138.5%;
    line-height: 31px;
}

.fwfButton:hover {
    background-position: 0 -35px;
    color:#fff;
}

.fwfButton.sc {
    background-image: url(/assets/images/fwf/btn_sc.png);
    width: 310px;
    float:right;
}

.fwfDialog .blue {
    background-color: #24a8de;
    color: #fff;
    padding: 15px 30px;
}
.fwfDialog .blue h3 {
    color: #fff;
}


.fwfDialog .gray {
    background-color: #e5e6e7;
    padding: 15px 30px;
    padding-bottom: 5px;
}


.fwfDialog .text {
    width: 320px;
}

.fwfDialog textarea.text {
    width: 880px;
    height: 150px;
    padding: 10px;
    font-style: italic;
    resize: none;
}

.fwfDialog.howto textarea.text {
    width: 550px;
}

.fwfDialog .text {
    width: 268px;
}

.fwfDialog.howto .text {
    width: 233px;
}

.fwfDialog .blue dl {
    float:left;
    margin-right: 30px;
    width: 255px;
}

.fwfDialog.howto .blue dl {
    width: 250px;
    margin-right: 20px;
}

.fwfDialog ul.errors {
    color: #8A1F11;
}

.withbg {
    position: relative;
}

.withbg .bonus {
    background-image: url(/assets/images/fwf/bonus.png);
    height: 189px;
    width: 218px;
    position:absolute;
    right: 0px;
    top:18px;
}


.withbg .p1 {
    padding-right: 120px;
}

.withbg .p2 {
    padding-right: 220px;
}

.fwfDialog .bonus {
    top:0px;
}

.fwfDialog .p1 {
    padding-right: 140px;
}