@charset "UTF-8";

body { font-family: 'Quicksand', 'Arial', sans-serif; font-size: 14px; text-align: center; margin: 0; padding: 0; }

a { text-decoration: none; color: inherit; }
p { margin: 0; padding: 0; }

* { box-sizing: border-box; }

.bold { font-weight: 600; }
.smaller { font-size: 0.8em; }

button, input, a, textarea, select { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; }
button, input, textarea, select { border: 0px; padding: 10px 5px; font-size: inherit; font-family: inherit; }
xbutton { line-height: 14px; padding: 0; }
table button, table input, table textarea, table select { width: 100%; }
textarea { font-size: 1.11em; height: 7em; }
select { font-size: 0.9em; }
option { background-color: #ffffff; }
input::-ms-clear { display: none; }
:-ms-input-placeholder { color: #A0A0A0; }
::placeholder { color: #A0A0A0; }

.f_but { width: 100%; }
.f_fie { background-color: #FFFFFF; border: 1px solid #999999; }
.f_but { background-color: #e67e22; border: 1px solid #e67e22; color: #fae4d1; }
.f_but:hover { background-color: #b86114; border: 1px solid #b86114; color: #fae4d1; }
.f_but:active { background-color: #733c0d; border: 1px solid #733c0d; color: #fae4d1; }
.f_but.abspos { padding: 0; }

.caption { font-weight: 600; font-size: 1.4em; }
.infotext { font-weight: 600; }

div { overflow: hidden; }
div.container { margin: 0px auto; }
div.container_caption { text-align: center; margin: 20px auto; }
div.container_text { margin: 20px auto; width: 500px; max-width: 100%; }
div.container_text p { margin: 10px 0; }
div.container_userlist { margin: 20px auto; width: 500px; max-width: 100%; }
div.container_userlist p { margin: 6px 0; padding: 8px 12px; background-color: #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.container_userlist p:hover { background-color: #dddddd; }
div.container_userdata { margin: 20px auto; width: 400px; max-width: 100%; }
div.container_userdata p { margin: 10px 0; }
div.container_userdata p.selectwrapperalways .f_fie,
div.container_userdata p.field .f_fie { width: 100%; }
div.container_userdata p.text { margin-top: 16px; font-weight: 600; }
div.container_userdata p.field {  }
div.container_userdata p.fieldandtext { padding: 0 16px; }
div.container_userdata p.fieldandtext .f_fie { width: 20%; }
div.container_userdata p.fieldandtext span { display: inline-block; margin-left: 5px; }
div.container_userdata p input.single { width: 98%; margin: 0px 1%; }
div.container_userdata p input.double { width: 48%; margin: 0px 1%; }
div.container_userdata p input.triple { width: 31.33%; margin: 0px 1%; }
div.container_header { line-height: 40px; padding: 0px 10px; font-size: 2em; text-align: right; border-bottom: 3px solid #000000; }
div.container_main { min-height: 360px; padding: 10px 1%; text-align: left; }
div.container_main_fixedwrapp { margin-bottom: 80px; }
div.container_footer { background-color: #cf6d17; width: 100%; height: 80px; position: relative; }
div.container_footer_fixed { position: fixed; bottom: 0; }
div.container_footer .links { padding: 1px 0px; height: 60%; overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
div.container_footer .langs { padding: 1px 0px; height: 40%; overflow: auto; position: absolute; top: 60%; left: 0; bottom: 0; right: 0; }
div.container_message { text-align: center; padding: 10px; color: #FFA500; }
div.container_question { text-align: center; margin: 20px auto; }

div.links a { background-color: #2e1805; color: #fcf2e8; margin: 8px; padding: 6px 10px; display: inline-block; }
div.links a.curPage { background-color: #2e1805; }
div.links a:hover { background-color: #733c0d; color: #fcf2e8; }
div.links a:active { background-color: #eb9447; color: #452408; }

.checkboxwrapper {
  white-space: nowrap;
}

.mo-forms-pseudobase
{
	opacity: 0;
	width: 0;
	margin: 0;
}
.mo-forms-pseudolabel
{
	display: inline-block;
	max-width: 80%;
	margin: 0px 5px;
	white-space: initial;
}
.mo-forms-pseudocheckbox,
.mo-forms-pseudoradiobutton
{
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #eee;
	border:1px solid #ddd;
	position:relative;
}
.mo-forms-pseudoradiobutton
{
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
}
.mo-forms-pseudocheckbox,
.mo-forms-pseudocheckbox:after,
.mo-forms-pseudoradiobutton,
.mo-forms-pseudoradiobutton:after,
.mo-forms-pseudolabel
{
	vertical-align: middle;
}
.mo-forms-pseudocheckbox:after,
.mo-forms-pseudoradiobutton:after
{
	opacity: 0;
	content: '';
	display: block;
	margin: 7px;
	background: transparent;
	vertical-align: middle;
}
.mo-forms-pseudocheckbox:after
{
	width: 9px;
	height: 5px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.mo-forms-pseudoradiobutton:after
{
	width: 9px;
	height: 9px;
	background-color: #333;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.mo-forms-pseudocheckbox:hover.mo-forms-pseudocheckbox:after,
.mo-forms-pseudoradiobutton:hover.mo-forms-pseudoradiobutton:after
{
	opacity: 0.1;
}
.mo-forms-pseudobase:checked + label.mo-forms-pseudocheckbox:after,
.mo-forms-pseudobase:checked + label.mo-forms-pseudoradiobutton:after
{
	opacity: 1;
}


select
{
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select::-ms-expand {
     display: none;
}
 
.selectwrapper,
.selectwrapperalways {
  position: relative;
}

.selectwrapper select,
.selectwrapperalways select
{
	width: 100%;
}

.selectwrapper:after,
.selectwrapperalways:after {
    content: '\22C1';
    font-size: 16px;
    font-weight: bold;
    color: #888888;
    transform: scale(1.2, 1);
    right: 11px;
    top: 6px;
    height: 26px;
    padding: 2px 3px 0px 8px;
    border-left: 1px solid #D4D9DB;
    position: absolute;
    pointer-events: none;
}

.pseudoselectplaceholder,
.pseudooptionplaceholder
{
	color: #444444 !important;
}
.pseudoselectplaceholder option
{
	color: #38100C;
}

.disabledClass
{
   opacity : .50;
   filter  : alpha(opacity=50); /* IE<9 */
}



@media screen and (max-width: 680px) {

	body { font-size: 13px; }

	.selectwrapper:after { content: ''; height: 0; width: 0; }
}
@media screen and (max-width: 540px) {

}
@media screen and (max-width: 500px) {

	body { font-size: 12px; }
	div.container_header { font-size: 1.8em; }
	div.links a { margin: 8px 4px; padding: 6px 6px; }
}
@media screen and (max-width: 358px) {

	body { font-size: 11px; }
}