body {color: #666; background-color: #FFF;}

h1 {color: #27aae0;}
.headline { padding: 10px; border-bottom: 1px solid #27aae0; margin: 1rem 0;}

h3.question {color: #FFF; }

.pagination li {
color:#333;
border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
border-left: 1px solid #949494;
background: #f1f1f1;
background: -moz-linear-gradient(top, #f1f1f1 57%, #d6d6d6 100%);
background: -webkit-linear-gradient(top, #f1f1f1 57%,#d6d6d6 100%);
background: linear-gradient(to bottom, #f1f1f1 57%,#d6d6d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d6d6d6',GradientType=0 );
}

.pagination li.active {
    background: #27aae0;
    background: -moz-linear-gradient(top, #27aae0 57%, #1c75bb 100%);
    background: -webkit-linear-gradient(top, #27aae0 57%,#1c75bb 100%);
    background: linear-gradient(to bottom, #27aae0 57%,#1c75bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27aae0', endColorstr='#1c75bb',GradientType=0 );
    border-color:#22b0c8;
    color:#c0ffff;
}

.btn { color: #FFF !important; }
.btn-primary {border: 1px solid #1c75bb;background-color:#1c75bb;color:#FFF !important;}
.btn-primary:active{background-color:#27aae0; border-color:#27aae0;}

.btn-danger {background-color:#fa3737;border: 1px solid #fa3737;}
.btn-danger:active {background-color:#fe6f6f;border: 1px solid #fe6f6f;}

#rightside .time {color: #999;}
#rightside .timer {border-bottom: 3px solid #999;}

#rightside .text-content, #contentside .text-content { margin-top: 4%;}

#rightside .indicators li {border: 1px solid #666;}

#rightside .indicators li.active { background-color: #666; }

#rightside .answer {color:#000;}
#rightside .answer:hover {background-color: rgba(180,213,222, 0.85);}
#rightside .answer .answer_text {color:#666;}
#rightside .answer p {color:#666}

.form-control.error { border: 1px solid red; }

.autonext {color:#999;}
.countdown {color:#999; }

/*Landolt*/
.eyetest-imageholder{ background-color: white;}

.direction
{
    color:#666;
    border: 2px solid #666;
}

.direction:active
{
    background-color: #666;
    color: #FFF;
    -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
    -moz-box-shadow : 0px 0px 25px 5px rgba(0,0,0,0.25);
    box-shadow" : 0px 0px 25px 5px rgba(0,0,0,0.25);
}

.number {
        color:#666;
        border: 1px solid #666;

}

.number:active, .enter:active {
    background-color: #666;
    color:#FFF;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(102,102,102,1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(102,102,102,1);
    box-shadow: inset 0px 0px 10px 0px rgba(102,102,102,1);
}


.enter {
    color:#666;
    border: 1px solid #666;
}

.number .txt, .enter .txt {color: #999;}

.tel
{
    border: 1px solid #000;
    color: #999;
}

.mytime {color: #999; }

#PForm.active {border: 1px solid #666;}

/*Auswertung*/




.testresults .title {
    color: #27aae0;
    border-bottom: 1px solid #27aae0;
}

.testresults .subtitle {
    color: #27aae0;
    border-bottom: 1px solid #27aae0;
}