* {
    margin:0px;
    padding:0px;
    font-family: Arial;
    font-size:12px;
    color:#808080;
}
body {
    overflow-y:scroll;
    background-color:#fff;
}

#cage {
    margin:0 auto;
    width: 900px;
}

a {
    text-decoration: none;
}


a.popup {
    display:none;
}

/*
 *	HEADER
*/
#header {
    height:52px;
    color:#28adc7;
    font-size:14px;
    width:230px;

    margin-left:5px;
    letter-spacing: 1px;
}
#header *{
    color:#28adc7;
    font-size:14px;
}


/*
 *	NAVIGATION TOP
*/
#navigation-top {
    background-color:#28adc7;
    height:35px;

    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
    padding-left:10px;
    color:#fff;
    margin-bottom:44px;
}
#navigation-top ul li {
    float:left;
    list-style: none;
    margin-right:10px;
    margin-top:10px;
    margin-left:10px;
}
#navigation-top a {
    color:#fff;
    font-size:14px;
    font-weight:bold;
}
#navigation-top li.active a{
    color:#b4e2fb;
}

/*
 *	NAVIGATION BOTTOM
*/
#navigation-bottom {
    /*    width: 229px; */
    text-align:left;
    float:left;
    padding: 10px 0px;
    position: relative;
    height: 240px;
    margin-left: 20px;
}

#navigation-bottom a {
    margin-right: 10px;
    font-weight:bold;
    font-size:12px !important;
}


/*
 * Navigation linls
*/

#navigation-left {
    width:240px;
    margin-left:0px !important;
    margin-right:20px;
    float:left;
}
#navigation-left li {

    list-style: none;
    margin-right:10px;
    margin-bottom:10px;
    background-color:#e6e6e6;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
    padding:5px;
    line-height: 25px;

}

#navigation-left a {
    font-size:12px;

    color:#808080 !important;
}
#navigation-left li.active {
    background-color:#666666;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
}
#navigation-left li.active a {
    font-weight:bold;
    color:#fff !important;
}

#navigation-left .dashboard a {
    /*    font-size:16px;*/
}

/*
 *	FOOTER
*/
/*#footer {

    background-color:#e6e6e6;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
    color:#666666;
    padding:20px;
    margin-top:10px;
    margin-bottom:106px;
}


#footer * {
    color:#666666;
    font-size:10px;
}*/

/**
* Footer New
*/

#footer * {
    color:#666666;
    font-size:10px;
}
#footer {
    height: 300px;
    margin-bottom:106px;
}

.footerTitle {
    height: 35px;
    background-color: #f2f2f2;
    padding-left: 10px;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
}

div.footerTitle ul li{
    list-style-type: none;
    float: left;
    font-size: 14px !important;
    margin-right: 10px;
    margin-top: 10px;
    margin-left: 10px;
}
div.footerTitle ul li.titleFirst{
    width: 256px;
}
div.footerTitle ul li.titleSecond{
    width: 305px;
}
div.footerCol2,
div.footerCol3 {
    width: 280px;
    height: 260px;
    float: left;
    margin-left: 20px;
}
div.footerCol2 {
    margin-right: 25px;
    margin-left: 35px;
}
div.footerCol1 {
    width: 258px;
    height: 260px;
    float: left;
    border-right: 2px solid #f2f2f2;
}

ul.sitemap li{
    list-style-type: square;
    /*    float: left;*/
    margin-left: 15px;
    margin-bottom: 10px;
    width: 114px;
}

div.smallCopy{
    position: absolute;
    bottom: 0px;
    left: 5px;
    width: 200px;
}

div#megabill-paymethods-title {
    display: none;
}
.cageBorder {
    border: 2px solid #f2f2f2;
}

div.paymethodGrafics {
    padding: 15px;
    width:256px;
    text-align: left;
}

div.facebook {
    height: 255px !important; 
    background-color: white;
    width:276px;
    float:left;
}

/*
 *	Headlines
*/

/* Logo */
h1{
    background-image:url('/assets/images/logo-new.png');
    width: 454px;
    height:58px;
    background-repeat:no-repeat;
    margin-top:40px;
    font-size:30px;
    text-indent:-10000px;
    cursor: pointer;
}

h2 {
    font-size:24px;
    color:#f8682c;
    line-height:28px;
}
h3 {
    font-size:16px;
    margin-bottom:10px;
    color:#28adc7;
}
h4 {
    font-size:14px;
    font-weight:bold;
}
h5 {
    font-size:12px;
    font-weight:bold;
}

/* Footer Bold */
h6 {
    font-size:14px !important;
    font-weight:bold;
    margin-top:25px;
    margin-bottom:25px;
}


/*
 *
*/
.right {
    float:right;
}


.line {
    width:100%;
    height:2px;
    border-top:dotted 1px;
    border-top-color:#fff;
}
.line.blue {
    border-top-color:#28adc7;
}
.line.orange {
    border-top-color:#f8682c;
}
.line.white {
    border-top-color:#fff;
}
.line.gray {
    border-top-color:#808080;
}

.orange {
    color:#f8682c;
}
.blue {
    color:#28adc7;
}
.gray {
    color:#808080;
}
.gray-light {
    color:#808080 !important;
}
.green {
    color:#8bc53e;
}
.red {
    color:#ec1c23;
}
.white, .white-on-blue, .white-on-gray{
    color:#fff;
}

.blue a.blue{
    text-decoration: underline;
}

#content .inner{
    line-height:20px;
    min-height: 500px;
}
#content .inner p {
    margin-top:5px !important;
    margin-bottom:10px !important;
    text-align:justify;
}

#content .inner.withnavi {
    float:right;
    width:640px;
}

.arrow {
    background-repeat:no-repeat;
    padding-left:35px !important;
    padding-top:4px;
    height:25px;
}
.gray.arrow.small {
    padding-left:25px !important;
    padding-top:-2px !important;
    background-position:0px 5px;
    background-image:url(/assets/images/arrow-grey-right-19x19.png);
}
.white-on-gray.arrow.small {
    padding-left:25px !important;
    padding-top:-2px !important;
    background-position:0px 5px;
    background-image:url(/assets/images/arrow-white-on-gray-19x19.png);
}
.white-on-blue.arrow.small {
    padding-left:25px !important;
    padding-top:-2px !important;
    background-position:0px 5px;
    background-image:url(/assets/images/arrow-white-on-blue-18x18.png);
}

.blue.arrow {
    background-image:url(/assets/images/arrow-blue-right.png);

}
.orange.arrow {
    background-image:url(/assets/images/arrow-orange-right.png);
}

.white-on-gray.arrow.down {
    background-image:url(/assets/images/arrow-white-on-gray-down.png);
}
.white-on-blue.arrow.down {

    background-image:url(/assets/images/arrow-white-on-blue-down.png);
}


h3.dashboardarrow {
    font-size:16px;
    margin-bottom:10px;
    color:#28adc7;
    background-repeat:no-repeat;
    background-repeat:no-repeat;
    padding-left:35px !important;
    padding-top:4px;
    height:25px;
    display: inline-block;
    background-position:0px 5px;
    background-image:url(/assets/images/arrow-blue-on-lightgray-down.png);
     
}
.bluebutton {
    background-color:#28adc7 !important;
    border-color:#28adc7 !important;
    background-image:url(/assets/images/arrow-white-on-blue-18x18.png) !important;
}

.col {
    float:left;
    width:400px;
}

#start-sliders{
    float:left;
    width:470px;
    margin-right:20px;
    background-repeat:no-repeat;
    height:311px;
}
#slider {
    height:311px;
    width:470px;
}
#slider div {
    display:none;
}
#slider div.active {
    display:block;
}



ul#scroll {
    padding-top: 12px;
    margin:0px;
    margin-left: 108px;
    position:absolute;
    margin-top:280px;
}

ul#scroll li {
    list-style-type: none;
    float: left;
    height:5px;
    width:5px;
    float:left;
    padding:0px;
    margin-left:5px;
    background-color:#28adc7;
    border:solid 1px #fff;
}

ul#scroll li.active {
    background-color:#f8682c;
    border:solid 1px #fff;
}






.story {
    text-align: justify;
    margin-bottom:20px;
}

.story h3 {
    color:#666666;
    font-size:12px;
    padding-bottom:0px;
    margin-bottom: 0px;
}


#content ul{
    margin-left:15px;
}
#content li {
    padding-left:20px;
}

#content a {
    color:#28adc7;
}
/*
 * Formulare
*/

label {
    font-weight:bold;
    padding-bottom:5px;
    border-style:none;
}
input.input {
    padding:4px;
    padding-top:5px;
    height:19px;
    font-size:14px;
    margin-bottom:10px;
    background-color:#e6e6e6;
    border-style:none;

}
input.text {
    padding:3px;
    color:#333333 !important;

}
div.select {
    margin-bottom:10px;
    padding:4px;
    width:420px;
    background-color:#e6e6e6;
}
div.select select{
    background-color:#e6e6e6;
    width:100%;

    border-style:none;
}

.register {
    overflow:hidden;
    width:875px;
    height:300px;
    border:solid 1px #999;
    margin-top:10px;
    overflow:scroll;
    overflow-x:hidden;
    padding:10px;
}
.register.error {
    border: solid 1px #ec1c23 !important;
}
.register p {
    font-size:10px
}
.register h2 {
    font-size:12px;
    color:#666666;
}
.register h3 {
    font-size:12px;
    color:#666666;
}
input.error {
    border:solid 1px #ec1c23 !important;
}
div.select.error {
    border:solid 1px #ec1c23 !important;
}
label.error {
    color:#ec1c23 !important;
}
input.submit, button.submit , button.submit2, input.submit2 {
    background-image:url(/assets/images/arrow-white-on-orange-19x19.png);
    background-repeat:no-repeat;
    background-position:10px;
    margin-top:10px;
    background-color:#f46836;
    border-color:#f46836;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
    border-style:solid;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    padding:5px;
    padding-left:35px;
    text-transform: uppercase;

}

input.submit, button.submit {
    padding-right:20px;
    height:35px;
}
.submit2 {
    font-size:12px !important;
    padding:0px;
    padding-left:40px !important;
    padding-top:4px !important;
    height:27px !important;
    width:255px !important;
    margin-left:-10px;
    background-position:0px;
    background-color:#fff !important;
    background-image:url(/assets/images/non-css3/submit2.png) !important;
    background-repeat:no-repeat;
    border:0px !important;
}
/* BOXEN */
#wasistmegadate-box{
    float:left;
    width:440px;
    height:199px;
    margin-right:30px;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
    margin-top:30px;
    background-color:#28adc7;
    padding:15px;
    color:#fff;
}

#login-box, #erfolgsgeschichten-box {
    padding:15px;
    margin-top:30px;
    float:left;
    width:370px;
    height:199px;
    background-color:#666666;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
    color:#fff;
}

#erfolgsgeschichten-box {
    width:515px;
    color:#fff;
}

#wasistmegadate-box {
    width:295px;
    color:#fff;
}
#wasistmegadate-box p {
    line-height:14px;
    color:#fff;
}
#erfolgsgeschichten-box .story {
    line-height:14px;
    color:#fff;
}

#login-box h3 , #erfolgsgeschichten-box h3, #wasistmegadate-box h3{
    margin-bottom:15px;
    color:#fff;
}

#erfolgsgeschichten-box .story h3 {
    margin-bottom:5px;
    color:#fff;
}


#login-box .submit {
    margin-top:15px;
    text-transform: uppercase;
}
#login-box .submit {
    cursor:pointer;
}
#login-box *, #login-box a {
    color:#fff;
}
#login-box a {
    text-decoration: underline;
}

#login-box label, #login-box input.input {
    width:168px;
    float:left;
    border:none;
    font-size:12px;
    margin-right:5px;
}
#login-box label {
    width:185px;
    margin-bottom:3px;
    margin-right:0px;
    font-weight:normal;
    padding:0px;
}

#login-box input.input  {
    padding-top:4px !important;
    padding-bottom:3px !important;
    font-size:14px;
    border:solid 1px #8c8c8c;
    margin-bottom:0px;
    color:#666;
}

#login-box .login {
    background-color:#666666;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-align: left;
    border-style:none;
    margin-top:7px !important;
    margin-bottom:10px;
}
#login-box .line.white {
    margin-bottom:11px;
}
p.small , p.small *{
    font-size:9px;
    line-height:10px;
}

.col-half {
    width:450px;
    float:left;
}

.col-half label, .col-half input.input {
    width:420px;
    float:none;
    margin-right:10px;
}

.errorbox {
    margin-top:15px !important;
    margin-bottom:15px !important;
}
.errorbox h3{
    font-size:12px;
    margin-bottom:0px;
}
.errorbox li{
    padding-left:5px !important;
}
.errorbox *{
    color:#ec1c23;
}

.col3 {
    width:300px;
    float:left;
}
.col3 .select{
    width:290px;
}

.row  input.input , .row label{
    float:none !important;
    clear:both !important;
    display:block;
}
.row .col2 input.input {
    width:300px;
}



div.input, div.input.disabled {
    width:300px;
    padding:4px;
    height:20px;
    margin-bottom:10px;
    background-color:#e6e6e6;
    border-style:none;
    font-weight:bold;
}
div.input.disabled {
    background-color:#f2f2f2;
}


.row  label{
    padding-top:10px;
    font-size:14px;
}
.row .col3 .selectMulti {
    margin-left:40px;
}
.row .col3 .selectMulti label {
    float:left !important;
    display:inline !important;
    width:130px !important;
    clear:none !important;
}
.row .col3 .selectMulti label input {
    margin-right:10px;
}
div.infobox {
    background-color:#8bc53e;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
    font-weight:bold;
    font-size:14px;
    color:#fff;
    padding:5px;
    text-align:center;
    margin-bottom:20px;
}
div.infobox.red {
    background-color:#ec1c23;

}

.table-row {
    font-weight:bold;
    padding:4px;
    padding-left:10px;
}
.td_row .table-row {
    font-weight:normal;
}
.table-row.white-on-blue-bg{
    background-color:#28adc7;
    color:#fff;
}
.table-row.gray-bg{
    background-color:#e5e5e5;
}
.table-row.gray-light-bg {
    background-color:#efefef;
}

.debit-box {
    background-color:#efefef;
    padding:10px;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    border-width:2px;
    float:left;
    margin-bottom:20px;
    width:290px;
}


#aufladenform label {
    width:650px;
    display:block;

    font-weight:normal;
}
#aufladenform input {
    margin-bottom:30px;
    margin-top:5px;
}

.round.small {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    width:20px;
    padding:5px;
    background-color:#28adc7;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius: 15px;
    border-width:2px;
}


.round.big{
    font-size:38px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    float:left;
    margin-right:12px;
    width:22px;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:21px;
    -moz-border-radius:21px;
    -webkit-border-radius: 21px;
    border-width:2px;
}
.round.orange {
    background-color:#f8682c;
}
.round.big.blue {
    background-color:#28adc7;
}
.round.big.gray {
    background-color:#808080;
}
.round.big.green {
    background-color:#8bc53e;
}
.round.big.red {
    background-color:#ec1c23;
}

#assi h2 {
    margin-top:16px;
}
#assi .text {
    margin-left:55px;
    margin-bottom:30px;
    margin-right:130px;
}
#assi #pincode {
    font-size:24px;
    font-weight: bold;
    background-color:#e5e5e5;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    border-width:2px;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    letter-spacing: 5px;
    width:100px;;
    margin-bottom:10px;
}

.mailbox {
    letter-spacing: 5px;
    margin-left:5px;
}


#inserat-info {
    background-color:#e6e6e6;
    padding:15px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    margin-bottom:30px;
    height:170px;
}

#inserat-info p {
    margin-top:5px;
    margin-bottom:5px;
    line-height:18px;
}

h3.blue.info.on-gray-light {
    background-repeat:no-repeat;
    padding-left:35px !important;
    padding-top:4px;
    height:25px;
    background-image:url(/assets/images/info-blue-on-gray-light.png);
}

.hideit {
    font-size:10px;
    float:right;
    position:absolute;
    margin-top:-20px;
    margin-left:690px;
}
.hideit input {
    margin-top:0px;
    margin-right:5px;
}

small {
    font-size:10px !important;
}

input.submit, input.submit2, input.login {
    cursor: pointer;
}

.inputselectsmall {
    width:auto !important;
}


#kostentable h3 {
    margin-bottom:2px !important;
    padding-bottom:2px !important;
}
#kostentable  tr td {
    padding-top:5px;
    vertical-align:top;
    padding-bottom:5px;
}

#kostentable tr td.checked {
    text-align:center;
    font-size:14px;
    font-weight:bold;
    background-image: url('/assets/images/checked.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    text-indent: -100000px;
}
li.fonfox {
    padding-top:0px !important;
    margin-top:6px !important;
}

a#fonfox{
    background-image:url(/assets/images/fonfox.png);
    width:73px;
    height:23px;
    position:relative;

    background-repeat:no-repeat;
    text-indent: -100000px;
    display:block;
}



/**
 * Login Box Top
*/

#login-box-top {
    margin-top:35px;
    width:378px;


}
#login-box-top .input {
    width:163px;

}
#login-box-top #email {
    border-right:10px #fff solid ;
    width:153px;
}
#login-box-top div {

}
#login-box-top label {
    position:absolute;
    margin-left:10px;
    margin-top:6px;
    width:163px;
    height:25px;
}

#login-box-top .login {
    background-color:#fff;
    border-width:0px;
    width:10px;
    float:right;
    background-position: right;

}


#main {
    background-image:url(/assets/images/home-background.jpg);
    background-repeat: no-repeat;
    height:470px;
    width:900px;
    border-radius:10px;
    -moz-border-radius:10px;
}

#main #buttons {
    width:245px;
    height:235px;
    background-image:url(/assets/images/homepage-buttons.png);
    background-repeat: no-repeat;
    position:absolute;
    margin-top:55px;
    float:right;
    margin-left:650px;
}

/*#main #buttons {
    width: 245px;
    height: 235px;
    background-image: url(/assets/images/homepage-buttons.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 64px;
    float: right;
    margin-left: 664px;
}

#main #buttonLink {
    position: absolute;
    width: 140px;
    height: 140px;
    display: block;
    text-indent: -10000px;
    margin-top: 141px;
    margin-left: 744px;
}*/

#main #steps {
    width:864px;
    background-color:#fff;
    position:absolute;
    margin-top:10px;
    margin-left:10px;
    height:30px;
    padding:6px;
    padding-left:10px;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
}
#main #steps .round {
    float:left;
    font-size:18px;
    font-weight:bold;
}
#main #steps div.step {
    float:left;
    width:288px;
}
#main #steps div.info{
    float:left;
    width:240px;
    font-size:16px;
    padding-top:5px;
    margin-left:10px;
    font-weight:bold;
    vertical-align: middle;
}


#register-box {
    position:absolute;
    margin-left:10px;
    margin-top:65px;
    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;
    height:198px;
    width:285px;
    color:#333;
    background-color:#fff;
    padding:10px;
    background-image: none !important;
}
#register-box label {
    float:none;
    font-weight:normal;
    font-size:10px;
    height:12px;
    padding:0px !important;
    margin:0px !important;

}
#register-box .one , #register-box .half {
    margin:0px !important;
    padding:0px !important;
    margin-top:2px !important;
}
#register-box h3 {
    margin-bottom:7px;
    padding-top:5px;
}
#register-box .input, #register-box .select {
    /*    height:20px;*/
    margin:0px !important;
    margin-top:2px !important;
    width:280px;
    /*    height:16px;*/
    padding:2px;
    /*    border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;*/
    font-size:12px;
}

#register-box .one .input{
    width:280px;
}
/*#register-box .select {
    height:18px;
}*/
/*#register-box .inputselectsmall , #register-box .inputselect{
    height:14px;
    font-size:10px;
    margin:0px;
}*/
#register-box .half{
    float:left;
    width:140px;
    margin-right:5px !important;
}
#register-box .half.end{
    margin-right:0px !important;
}
#register-box .half .input{
    width:135px;
}
#register-box .reg-set {
    font-size:10px;
}

#register-box #submit {
    width:285px !important;
    /*    height:24px;*/
    margin-top:8px;
    padding:2px;
    text-align:center;
    font-size:12px;
    font-weight:bold;

}





.hoerproben {
    float:left;
    width:430px;

}
#hoerproben-females {
    margin-right:40px;
}
.hoerproben .box{
    margin-top:10px;
    background-color:#f2f2f2;
    height:150px;
}
.hoerproben .box .image{
    float:left;
    width:123px;
    height:148px;
    border:1px solid #f2f2f2;
    margin-right:10px;
    background-color:#fff;
}
.hoerproben .box .name{
    margin-top:10px;
    float:left;
    font-size:14px;
    font-weight:bold;
    height:38px;

    overflow:hidden;
    width:290px;
}
.hoerproben .box .info{
    float:left;
    font-size:12px;
}
.hoerproben .box .info{
    float:left;
    font-size:12px;
}
.hoerproben .box .player{
    float:left;
    margin-top:0px;
    margin-left:-8px;
    width:80px;
}
.hoerproben .box .next{
    float:left;
    margin-top:15px;
    margin-left:10px;
    width:80px;
    background-image:url(/assets/images/next.png);
    width:45px;
    height:45px;
    text-indent: -1000000px;
    visibility: hidden;
}


a#iPhoneAppHome {

    display:block;
    text-decoration: none;
    padding-left:115px;
    height:105px;
    background-repeat:no-repeat;
    background-image:url(/assets/images/iphone/icon-homescreen.png);
    font-size:16px;
    text-align: justify;
    /*    line-height:14px;*/
    margin-top:20px;
    padding-top:10px;
    margin-left:-17px;
    color:#808080;
}
a#iPhoneAppHome h3{
    font-size:20px;

}

.debit-box.orange {
    background-color:#f8682c;
    color:#fff;
}

.debit-box.orange h4 , .debit-box.orange p{
    color:#fff;
}

div.clear {
    float:none;
    clear: both;
}