.schiff_button input{padding:0px;margin:0px;}
.lokal_verkaufen_button input{padding:0px;margin:0px;}

#review_form table td {font-size: 12px}

@charset "utf-8";
/* CSS KETO Entscheidungstest www.zehnplus.ch */

/* --------------------- Trial Info Message --------------------- */
#trial_info_message h1 {
margin:5px 0px 20px 0px;
background:#e17748;
padding:5px;
color:#000;
}


/* --------------------- Testing --------------------- */

div#debuginfo {
display: none;
margin:30px 0px 10px 0px;
padding:0px;
color:#498530;
font-size:10px;
}


/* --------------------- Generelle Definitionen --------------------- */

/* -------- Page Setup -------- */
body {
font-family: verdana, arial;
font-size:12px;
color:#272727;
}

#page-wrap {
	position: relative;
	width: 880px;
	margin: 0px auto;
	padding: 20px 20px 15px 20px;
	background: white;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
}

.main {
clear:left;
padding:15px 0px 20px 0px;
border-top:1px solid #888;
min-height:480px;
display:block;
position:relative;
}

/* -------- Languages    -------- */


ul.languageSelection {
	list-style: none outside none;
	padding: 0px;
	margin: 50px 0 0px 0px;
	text-align: center;
}
ul.languageSelection li a:hover {
	color: #999;
}
ul.languageSelection li {
        display: inline-block;
        width: 200px;
        height: 100px;
	float: left;
}
ul.languageSelection li a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin: 48px;
	text-decoration: none;
	color: black;
        width: 128px;
        height: 100px;
}
ul.languageSelection li a#de_lg {
/*        background:url('http://www.iconhot.com/icon/png/language-flags/128/flag-03.png') center center no-repeat; */
}
ul.languageSelection li a#fr_lg {
/*        background:url('http://www.iconhot.com/icon/png/language-flags/128/flag-04.png') center center no-repeat; */
}
ul.languageSelection li a#it_lg {
/*        background:url('http://www.iconhot.com/icon/png/language-flags/128/flag-09.png') center center no-repeat; */
}
ul.languageSelection li a#en_lg {
/*        background:url('http://www.iconhot.com/icon/png/language-flags/128/flag-02.png') center center no-repeat; */
}


/* -------- Textelements -------- */

.text_only p{
margin-bottom:10px;
line-height:21px;
padding-right:5px;
}
a, a:visited {
color:#3958a8;
}
a:hover {
color:#0c2c80;
text-decoration:none;
}

p{
padding:0px 0px 10px 0px; margin:0px;
}

h1 {
margin:5px 0px 20px 0px;
font-size:15px;
background:#ddd;
padding:5px;
color:#000;
}

ul {
margin:0px;
padding:5px 0px 10px 15px;
list-style-type:square;
}

.regeln ul {
margin:0px;
padding:0px 0px 0px 15px;
list-style-type:square;
}

/* --------------------- Footer --------------------- */
.footer {border-top:1px solid #888; padding:5px 0px 0px 0px; text-align:center;}


/* --------------------- Header --------------------- */
.logo {width:180px; float:left; margin-bottom:5px;}
.titel {width:400px; float:left; margin:20px 20px 0px 41px; Font-weight:bold; font-size:18px;}
.status_bar {width:150px;float:right; }
#stepcounter {
width:auto;
float:right;
padding-top:45px;
text-align:right;
}
#turncount {
padding:0px;
}


/* --------------------- Demographische Angaben --------------------- */
#demografics form #gender_male {
margin:0px 0px 15px 25px;
}
#demografics form #gender_female {
margin:0px 0px 15px 25px;
}
#demografics form #age {
margin:0px 0px 0px 3px;
width:20px;
}

#formerror {
margin:0px 0px 15px 0px;
padding:5px;
background:#e17748;
color:#000;
}

/* --------------------- Page Navigation --------------------- */

.navigation_wrapper {
margin:15px 0px 15px 0px;
}
.navigation_wrapper .weiter_link{
display:inline;
}
.navigation_wrapper .zurueck_link{
display:inline;margin-right:30px;
}

/* --------------------- Entscheidungs Screen --------------------- */

/* -------- Tabelle -------- */
.entscheidungstabelle {
border-style:collapse;
border-collapse:collapse;clear:left;
}

.entscheidungstabelle th, .entscheidungstabelle td{
border:1px solid #ccc;
padding:3px;
}
.entscheidungstabelle td{
text-align:center;
font-weight:bold;
}

.entscheidungstabelle th.credits {
width:25%;
border-right:1px solid #000;
border-top:0px;
border-left:0px;
}
.entscheidungstabelle th.lokal_verkaufen, .entscheidungstabelle th.schiff {
width:15%;
}
.entscheidungstabelle th.lokal_verkaufen {
font-weight:normal;
}

.entscheidungstabelle th.horizontal{
border-bottom:1px solid #000;
border-top:0px;vertical-align:bottom;

}
.entscheidungstabelle th.vertikal{
border-right:1px solid #000;
border-left:0px;
text-align:left;
}


.entscheidungstabelle td.last{
border:0px solid #000;
}

.schiffname {
height:30px;
font-weight:normal;
font-size: 11px;
}

.lokal_verkaufen_text{
height:110px;
font-size: 11px;
}

.header_text_schiffe {
text-align:left;
padding: 12px 0px 5px 0px;
width:658px;
float:right;
}

.haendler input{
font-size: 9px;
margin-left:10px;
}

/* -------- Guthaben -------- */
.guthaben {
width:180px;
border:1px solid #efd17c;
margin:0px 5px 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:5px;
text-align:center;
float:left;
font-weight:bold;
background:#efd17c;

background-image: linear-gradient(bottom, rgb(239,208,124) 56%, rgb(250,237,155) 84%);
background-image: -o-linear-gradient(bottom, rgb(239,208,124) 56%, rgb(250,237,155) 84%);
background-image: -moz-linear-gradient(bottom, rgb(239,208,124) 56%, rgb(250,237,155) 84%);
background-image: -webkit-linear-gradient(bottom, rgb(239,208,124) 56%, rgb(250,237,155) 84%);
background-image: -ms-linear-gradient(bottom, rgb(239,208,124) 56%, rgb(250,237,155) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.56, rgb(239,208,124)),
	color-stop(0.84, rgb(250,237,155))
);
}

/* -------- Kisten -------- */

.wrapper_kisten {
height:170px;
font-weight:normal;
}
.kisten_text{
}
.kisten_bild{
padding-top:20px;
}

/* -------- Kisten Alter Code -------- */

/*
.wrapper_credits {
height:170px;
}


.kisten {
font-weight:normal;
}

.wrapper_kisten_value {
text-align:center;
background:url('../images/kiste_worked_kl.jpg') center center no-repeat;
width:100%;
height:120px;font-weight:bold;
margin-top:10px;
}
.wrapper_kisten_value_inner {
padding:12px 14px 4px 1px;
font-size:17px;
}

.kisten_value {
background-color:#e7dfc8;
}
*/

/* -------- Regeln -------- */
div.regeln {
background: #ddd;
border:1px solid #ddd;
margin: 15px 0px 10px 0px;
padding:10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

background-image: linear-gradient(bottom, rgb(221,221,221) 56%, rgb(239,239,239) 84%);
background-image: -o-linear-gradient(bottom, rgb(221,221,221) 56%, rgb(239,239,239) 84%);
background-image: -moz-linear-gradient(bottom, rgb(221,221,221) 56%, rgb(239,239,239) 84%);
background-image: -webkit-linear-gradient(bottom, rgb(221,221,221) 56%, rgb(239,239,239) 84%);
background-image: -ms-linear-gradient(bottom, rgb(221,221,221) 56%, rgb(239,239,239) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.56, rgb(221,221,221)),
	color-stop(0.84, rgb(239,239,239))
);
}

/* --------------------- Resultat Seite --------------------- */

/* -------- Erfolgsmeldung -------- */
#success h1 {
margin:5px 0px 20px 0px;
background:#88ca5d;
padding:5px;
color:#000;
}
#result_kisten_1, #result_ertrag_1 {
font-weight:bold;
}
#success p {
margin:20px 0px 30px 0px;
}

/* -------- Verlustmeldung -------- */
#failure h1 {
margin:5px 0px 20px 0px;
background:#e17748;
padding:5px;
color:#000;
}
#failure p {
margin:20px 0px 30px 0px;
}

/* -------- Meldung lokal verkauft -------- */
#dealersuccess p {
margin:20px 0px 30px 0px;
}
#result_kisten_2, #result_ertrag_2 {
font-weight:bold;
}

/* --------------------- Testende --------------------- */
.form_label {
margin:15px 0px 5px 0px;
font-weight:bold;
}
.form_text {
margin:5px 0px 5px 0px;
}
#feedback_form .form_send {
margin:15px 0px 5px 0px;
}
#feedback_form textarea, #feedback_form input {
font-family: verdana, arial;
font-size:12px;
color:#272727;
}

#feedback_form #because_other, #feedback_form #comments {
width:300px;
height:30px;
}

#feedback_form .form_send{
padding:8px 10px 8px 10px;
font-weight:bold;
font-size:14px;
}


/* -------- Grid -------- */

.wrapper_result {
margin-top:40px;
width:450px;
}

/* -------- Erfolgsmeldung -------- */
.result_message {
font-size:18px;
font-weight:bold;
}

/* -------- Resultat Tabelle -------- */
table.result_table  {
border-style:collapse;
border-collapse:collapse;
margin:20px 0px 20px 0px;
width:100%;
}

table.result_table th {
text-align:left;
padding:5px 0px 5px 0px;
}

table.result_table td {
text-align:right;
}

/* -------- Naechster Schritt -------- */
.result_next_step {
border:1px solid #272727;
width:100px;
padding:5px;
float:right;
}


/* --------------------- Hintergrundbild --------------------- */
img.bg {
	/* Set rules to fill background */
			min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
			width: 100%;
	height: auto;
	/* Set up positioning */
			position: fixed;
	top: 0;
	left: 0;
}
 @media screen and (max-width: 1024px) {
 img.bg {
 left: 50%;
 margin-left: -512px;
}
}



/*-------- Screen at the end, with scores and KETO usage statistics ------*/
.feedback_statistics{
/*    background-image: url("http://www.arbel.ch/wp-content/themes/arbel/player/arbel/display/background.png");
    background-repeat: no-repeat;
    background-size: cover; */
    background: white;
    display: none;
    float: none;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%;
}
.feedback_statistics .msg_box{
    display:block;
    margin: auto;
    width: auto;
}
.feedback_statistics p{
    margin: 15px 0 5px;
    font-style: italic;
}
.feedback_statistics a{
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding: 8px 10px;
    margin: 15px 0 5px;
    color: #272727;
    font-family: verdana,arial;
    font-size: 12px;
}


#extraMsgDealerSuccess,
/*#extraMsgFailure*/
.xtraFailureMessageV4
{
	margin-bottom: 20px;
	background: #ff0000;
	font-size:24px;
	padding:10px;
	font-weight: bold;
}