/*
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: #f46836;
   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;
}




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

}

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 #f46836; }
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: #f46836;
}

.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: #f46836;
    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:#f46836;
}

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: 300px;
}

/**
 * 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:#f46836;
    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:#f46836;
}

.button, 
.dialog .btnOk,
.dialog .btnCancel,
.dialog .btnDeleteOk {
    padding: 6px 10px;
    border:0px none;
    background-color: #f46836;
    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 #f46836; }
.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: #f46836;
}


.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: #ee5c26;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
    color:#fff;    
    border-right: 1px solid #6a1d1d;

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

/*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: #f46836;
    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;
}
.recoverPw .input {
    width: 280px;
    height: 28px;
    border:0px none;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    border:1px solid #d4d5d5;
}

.recoverPw.dialog .input,
.recoverPw.dialog .input#email {
    background-color: #e6e7e8;
    border:0px none;
}

.recoverPw .submit {
    height: 28px;
}

.recoverPw.dialog .submit {
    background-color: #8ac53e;
}

.recoverPw.dialog {
    margin:10px;
}

.recoverPw.dialog h1 {
    margin-top: 0;
}

.recoverPw .error {
    border: 1px solid #eb1c23 !important;
}

.recoverPw .errors {
    margin-top:10px;
    margin-bottom: 15px;
    padding-left: 25px;
}

.recoverPw .errors li {
    list-style-type: disc;
    color:#eb1c23;
}

.recoverPw.dialog .btnContainer {
    text-align: center;
}
/*
 COOKIE

*/
#cookiehinweis a {color:#000; text-decoration:none;}

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis div {padding:10px; padding-right:40px;}

#cookiehinweis { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #cccccc; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiehinweisCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}
div.accordion {
    width:100%;
}

div.accordion a.hd {
    font-weight: bold;
    background-image: url(/assets/images/accordion-closed.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 123.1%;
    color: #f46836;
    margin-bottom: 19px;
    display: block;
}

div.accordion div.bd {
    display:none;
}

div.accordion.open a.hd {
    background-image: url(/assets/images/accordion-open.png);
    color:#6a1d1d;
}div.howtopage {
    width:850px;
}

div.howtopage div.col1 {
    float:left;
    width:209px;
    margin-right: 28px;
}

div.howtopage div.col1 div {
    float: left;
}

div.howtopage div.col2 {
    float:left;
    width:613px;
}

div.howtopage div.col2 p {
    text-align: justify;
}


div.box.blue {
    border:0px none;
    background-color: #f46836;
    padding-top:0;
    color:#fff;
}

/*div.box.small {
    width:209px;
    margin-bottom: 26px;
}

div.box.small div.hd {
    width:209px;
    height:10px;
    background-image: url(/assets/images/box-border-small.png);
    background-repeat: no-repeat;
}

div.box.small div.bd {
    background-image: url(/assets/images/box-bg.png);
    padding:0px 19px 0px 19px;
    width: 171px;
    background-repeat: repeat;
}

div.box.small div.ft {
    width:209px;
    height:10px;
    background-image: url(/assets/images/box-border-small.png);
    background-repeat: no-repeat;
    background-position: 0 -10px;
}*/

ul.subnav {
    padding:0px;
    margin:10px 0;
}

ul.subnav li {
    width:160px;
    background-image: url(/assets/images/arrow-green-small.png);
    background-position: right 14px;
    background-repeat: no-repeat;
    list-style-type:none;
    padding:10px 0;

    padding-right: 15px;
}
ul.subnav li ul li {
    width:160px;
    background-image: none;
    background-position: right center;
    background-repeat: no-repeat;
    white-space: nowrap;
}

ul.subnav li a{
    color: #4d4d4d;
    font-weight: bold;
}
ul.subnav li ul li a{
    font-weight:normal;
}
ul.subnav  li ul {
    margin-left:-3px;
}
ul.subnav  li ul li{
    padding:0px;
    margin:3px;
    margin-bottom:8px;
}
ul.subnav li.active a{
    color:#6a1d1d;

}
ul.subnav li.active ul li a{
    color: #4d4d4d;
}

ul.subnav li a:hover {
    color:#6a1d1d;
    text-decoration: none;
}

ul.steps {
    width:100%;
    margin:47px 0 0 0;
    height:200px;
}

ul.steps li {
    list-style-type:none;
    float:left;
}

ul.steps li.step1,
ul.steps li.step2,
ul.steps li.step3 {
    width:119px;
    background-image: url(/assets/images/howto/step1.png);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;    
    color:#f46836;
    font-weight: bold;
}
ul.steps li.step2 {
    padding-top:131px;
    background-image: url(/assets/images/howto/step2.png);
}
ul.steps li.step3 {
    padding-top:131px;
    background-image: url(/assets/images/howto/step3.png);
}

ul.steps li.step1 a,
ul.steps li.step2,
ul.steps li.step3 {
    display:block;
    padding-top:131px;
    color:#696969;

}

ul.steps li.arrow {
    width:119px;
    height:114px;
    background-image: url(/assets/images/howto/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
}

table.example {
    width:100%;
}

table.example tr td{
    text-align: center;
    padding-bottom: 10px;
}

table.example tr.r1 td{
    background-color: #e5e5e5;
    color: #4d4d4d;
    padding-bottom: 4px;
}
table.example tr.r2 td{
    background-color: #f6f6f6;
    padding-bottom: 4px;
}

div.example {
    background-image: url(/assets/images/telefonbuch.jpg);
    background-repeat: no-repeat;
    width: 327px;
    height:61px;
    font-size: 170%;
    font-weight: bold;
    color:#fff;
    padding:10px 0 0 40px;
}

div.videoList div.item a.videoLink {
    display:block;
    background-image: url(/assets/images/video/telmy.png);
    background-repeat: no-repeat;
    width:180px;
    height:136px;
    text-indent: -10000px;
    cursor: pointer;
}

div.videoList div.item a.videoLink.callback {
    background-image: url(/assets/images/video/callback.png);
}
div.videoList div.item a.videoLink.telefonbuch {
    background-image: url(/assets/images/video/contacts.png);
}
div.videoList div.item a.videoLink.vcard {
    background-image: url(/assets/images/video/vcard.png);
}
div.videoList div.item a.videoLink.sms {
    background-image: url(/assets/images/video/sms.png);
}
div.videoList div.item a.videoLink.einstellungen {
    background-image: url(/assets/images/video/settings.png);
}
div.videoList div.item a.videoLink.accounteinstellungen {
    background-image: url(/assets/images/video/customerdata.png);
}
div.videoList div.item a.videoLink.telmy {
    background-image: url(/assets/images/video/telmy.png);
}
div.videoList div.item a.videoLink.callnow {
    background-image: url(/assets/images/video/callnow.png);
}
div.videoList div.item a.videoLink.kreditkarte {
    background-image: url(/assets/images/video/creditcard.png);
}
div.videoList div.item a.videoLink.lastschrift {
    background-image: url(/assets/images/video/wiretransfer.png);
}
div.videoList div.item a.videoLink.paypal {
    background-image: url(/assets/images/video/paypal.png);
}
div.videoList div.item a.videoLink.softphone {
    background-image: url(/assets/images/video/softphone.png);
}

div.videoList div.item h2 {
    margin-top: 10px;
    font-size: 100%;
    font-weight:bold;
}

div.videoList div.item p {
    text-align: left;
    padding-left: 2px;
    padding-right:2px;
}

div.videoList {
    margin-top:10px;
    width:100%;
}

ul.cbsteps {
    margin-left:-16px;
}

ul.cbsteps li {
    list-style-type: none;
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-bottom:10px;
}

ul.cbsteps.big li {
    width:628px;
    padding-top: 152px;
    padding-left: 0px;
    text-align: justify;
    padding-left: 0px;
    padding-bottom:30px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

ul.cbsteps.big li ul li {
    padding:0;
    text-align: left;
    margin: 0;
    list-style-type: disc;
    border: 0px none;
    line-height: 20px;
}

ul.cbsteps.big li.text {
    padding-top: 0px;
}

ul.cbsteps li p.costs {
    font-size: 123%;
    font-weight: bold;
    margin-left: 66px;
    margin-top: 5px;
}

ul.cbsteps li .c1 {
    color:#ed1e79;
}
ul.cbsteps li .c2 {
    color:#93278f;
}
ul.cbsteps li .c3 {
    color:#4d4d4d;
}
ul.cbsteps li .c4 {
    color:#8cc63f;
}



ul.cbsteps li.step1 {
    background-image: url(/assets/images/selfcare/step1_lightblue.png);
}
ul.cbsteps li.step2 {
    background-image: url(/assets/images/selfcare/step2_lightblue.png);
}
ul.cbsteps li.step3 {
    background-image: url(/assets/images/selfcare/step3_lightblue.png);
}
ul.cbsteps li.step4 {
    background-image: url(/assets/images/selfcare/step4_lightblue.png);
    padding-top: 172px;
}
ul.cbsteps.big li.step1 {
    background-image: url(/assets/images/selfcare/step1_big.png);
}
ul.cbsteps.big li.step1.international {
    background-image: url(/assets/images/selfcare/step1_big_international.png);
}
ul.cbsteps.big li.step2 {
    background-image: url(/assets/images/selfcare/step2_big.png);
}
ul.cbsteps.big li.step3 {
    background-image: url(/assets/images/selfcare/step3_big.png);
}
ul.cbsteps.big li.step4 {
    background-image: url(/assets/images/selfcare/step4_big.png);
}

p.example {
    color:#808080;
    font-weight: bold;
    font-size: 123%;
}

p.example .highlight {
    color:#f00;
}

button.easytelmy {
    width:271px;
    height:49px;
    text-align: center;
    font-size: 100%;
    color:#fff;
    font-weight: bold;
    background-image: url(/assets/images/selfcare/easytelmy.png);
    background-color: transparent;
    background-repeat: no-repeat;
    border:0px none;
    cursor: pointer;
    padding:0px;
    padding-left: 63px;
    margin-top:15px;
}

div.callingcard {
    background-image: url(/assets/images/howto/callingcard.png);
    background-repeat: no-repeat;
    background-position: center;
    width:  613px;
    height: 228px;
    margin: 25px 0px;
}
ul.steps.bordered, ul.steps.borderedmain {
    border:dashed 1px #ccc;
    padding-top:20px;
    height:128px;
    margin:0px !important;
    margin-bottom:30px !important;
}
ul.steps.borderedmain {
    height:210px;
    width:  609px;
}


ul.steps li.arrow-ana,
ul.steps li.arrow-sip {
    width:119px;
    height:114px;
    background-image: url(/assets/images/howto/arrow.png);
    background-position: 50% 25%;
    background-repeat: no-repeat;
}


ul.steps li.ip-step1,
ul.steps li.ip-step2,
ul.steps li.ip-step3,
ul.steps li.ana-step1,
ul.steps li.ana-step2,
ul.steps li.ana-step3,
ul.steps li.ana-step4{
    height:48px;
    padding-top:100px;
    margin-bottom:20px;
    width:119px;
    background-image: url(/assets/images/howto/hoerer.png);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    color:#808080;
    font-weight: bold;

}

ul.steps li.ana-step3,
ul.steps li.ip-step2 {
    background-image: url(/assets/images/howto/internet.png);
}

ul.steps li.ana-step4,
ul.steps li.ip-step3 {
    background-image: url(/assets/images/howto/sip.png);
}

ul.steps li.ana-step2 {
    background-image: url(/assets/images/howto/sip-adapter.png);
    background-position: 0% 15%;
}

ul.steps li.arrow-ana,
ul.steps li.ana-step1,
ul.steps li.ana-step2,
ul.steps li.ana-step3,
ul.steps li.ana-step4{
    width:79px;
}


.vorteile ul {
    padding: 0;
    margin:0;
}

.vorteile li {
    margin:0;
    margin-bottom: 10px;
    background-image: url(/assets/images/icon_info.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 30px;
}

.soFuLink{
    clear:both;
    float:right;
    margin-right: 235px;
    padding: 6px 10px;
    background: #f46836;
}
.soFuLink a{
    color:white;
}

.number {
    background-color: #6C6D6F;
    color: #fff;
    padding: 3px 10px;
    font-weight: bold;
}

.number.small {
    background-color: #f46836;
    padding: 2px 7px;
    font-weight: bold;
    font-size: 138.5%;
    margin-bottom: 0;
    line-height: 100%;    
    margin-bottom:10px;
}
.howto td:first-of-type{
    vertical-align: top;
}

table.howto td {
    padding-top:10px;
    padding-bottom: 10px;
}

ul.sipData li {
    list-style-type: disc;
    padding-bottom: 3px;
}
ul.sipData {
    margin-top: -10px;
}

div.centerPicture {
    text-align: center;
    padding: 15px 0px;
}

ol.softphone li{
    height: 100%;
}

ol.softphone li.num1,
ol.softphone li.num2,
ol.softphone li.num3,
ol.softphone li.num4,
ol.softphone li.num5,
ol.softphone li.num6,
ol.softphone li.num7 {
    list-style:none;
    background-image: url(/assets/images/howto/01.png);
    background-repeat:no-repeat;
    background-position:left top;
    height: auto;
    padding-left:40px;
    margin-top:10px;
    margin-left: -22px;
    padding-top:7px;
}

ol.softphone li.num2 {
    background-image: url(/assets/images/howto/02.png);
}
ol.softphone li.num3 {
    background-image: url(/assets/images/howto/03.png); 
}
ol.softphone li.num4 {
    background-image: url(/assets/images/howto/04.png);
}
ol.softphone li.num5 {
    background-image: url(/assets/images/howto/05.png);
}
ol.softphone li.num6 {
    background-image: url(/assets/images/howto/06.png);
}
ol.softphone li.num7 {
    background-image: url(/assets/images/howto/07.png);
}

a.downloadSoftphones {
    background-color: #6a1d1d;
    padding: 3px 6px;
    color: #fff;
}

.btnRecharge {
    display: block;
    text-indent: -10000px;
    width: 188px;
    height: 45px;
    background-image: url(/assets/images/howto/buchen_button.png);
    background-repeat: no-repeat;
}

.btnRecharge:active {
    background-position: 0px 2px;
}

.useableBy a.android,
.useableBy a.iphone,
.useableBy a.landline,
.useableBy a.mobile,
.useableBy a.pc {
    display: block;
    height: 170px;
    width: 190px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #999;
    float: left;
    margin-right: 15px;
}
.useableBy a.mobile{
    margin-bottom: 15px;
}
.useableBy a.landline{
    float: right;
}
.useableBy a.iphone {
    float: right;
}
.feature {
    margin-bottom: 15px;
}