/* CSS Document */

body {
	overflow-x: hidden;
}

p.text-centered {
	text-align: center;
}

form {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#reg-form {
	/*d/isplay: none; /* !!! ANMELDUNG MOMENTAN MÖGLICH !!! */
	
	font-size: 12.5px;
}

#reg-form fieldset {
	border: none;
	width: 100%;
}

#reg-form fieldset {
	margin-bottom: 20px;
}

#reg-form #sonstiges-fs {
	margin-bottom: 0;
}

#reg-form fieldset div.fs-header {
	padding: 5px 15px;
	/*border: solid #312782 1px;*/
	border: solid #CCC 1px;
	border-bottom: transparent;
	border-radius: 5px 5px 0 0;
	background: #B5AFE7;
	background: #FFFFFF -webkit-linear-gradient(rgba(49,39,130,0.1), rgba(49,39,130,0.4)) repeat-x scroll 0 0;
	background: #FFFFFF -moz-linear-gradient(rgba(49,39,130,0.1), rgba(49,39,130,0.4)) repeat-x scroll 0 0;
	background: #FFFFFF -o-linear-gradient(rgba(49,39,130,0.1), rgba(49,39,130,0.4)) repeat-x scroll 0 0;
	background: #FFFFFF linear-gradient(rgba(49,39,130,0.1), rgba(49,39,130,0.4)) repeat-x scroll 0 0;
	/*background-image: -moz-linear-gradient(rgba(49,39,130,0.1), rgba(49,39,130,0.4));
	background-image: -o-linear-gradient(rgba(49,39,130,0.1), rgba(49,39,130,0.4));
	background-image: linear-gradient(rgba(49,39,130,0.1), rgba(49,39,130,0.4));*/
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	font-weight: 600;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.30);
}

#reg-form fieldset div.fs-header > span {
	display: none;
	color: #555;
	font-size: 11px;
	-webkit-text-size-adjust: 100%;
}

#reg-form fieldset div.fs-header a {
	position: relative;
	margin-left: 25px;
}

#reg-form fieldset div.fs-header a:before {
	position: absolute;
	left: -16px;
	bottom: 0px;
	content: '/';
	font-size: 11px;
	font-weight: 600;
	color: #555;
}

#reg-form fieldset div.fs-header > a:first-child {
	margin-left: 0;
}

#reg-form fieldset div.fs-header > a:first-child:before {
	content: '';
}

#reg-form fieldset div.fs-header a.active {
	display: inline;
	color: #312782;
	font-size: 14px;
	font-weight: 700;
	
	text-decoration: none;
	cursor: default;
	pointer-events: none;
}

/*#reg-form fieldset div.fs-header span.no-separator {
	margin-left: 0;
}

#reg-form fieldset div.fs-header span.no-separator:before {
	content: '';
}*/



#reg-form a {
	color: #555;
}

#reg-form	fieldset div.fs-content {
	/*background-color: #F3F3F3;*/
	/*background-color: rgba(49,39,130,0.1);*/
	/*background: white;*/
	/*border: solid #312782 1px;*/
	border: solid #CCC 1px;
	border-top: transparent;
	border-radius: 0 0 5px 5px;
	padding: 20px 40px 40px 40px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

form #teams-fs div.fs-content {
	padding-left: 20px;
}

.user-form table {
	width: 100%;
}

.user-form input[type="text"],
.user-form input[type="number"],
.user-form textarea {
	width: 100%;
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 5px 8px;
	color: #555;
	/*background: #F5F5F5;*/
	background: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: solid #AAA 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	font: inherit;
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
	-webkit-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
	-moz-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
	-o-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
	transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
	/*background-color: #F0F0F0;*/
}

.user-form input[type="text"]:focus,
.user-form input[type="number"]:focus,
.user-form textarea:focus {
	/*border-color: rgba(219,183,0,0.6);*/
	/*border-color: #FFDC26;*/
	border-color: rgba(243,203,0,1.00);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset/*, 0 0 5px rgba(255, 220, 38, 0.6)*/;
	outline: 0 none;
}

.user-form input[type="number"] {
	width: 80px;
}

form #sonstiges-fs table .input-col {
	width: 150px;
}

#sonstiges-fs p.lable:not(:first-child) {
	margin-top: 25px;
}

#sonstiges-fs p.spaced-input-elements span:not(:first-child) {
	margin-left: 10px;
}

form #anreise-fr,
form #anreise-sa {
	margin-left: 67px;
}

#sonstiges-fs #anmerkungen-textarea {
	resize: vertical;
	min-height: 110px;
}

form input[type="number"] {
	padding: 5px 3px 5px 8px;
	text-align: right;
}

.centered-content {
	text-align: center;
}

p.nav-buttons {
	display: none;
	margin-top: 20px;
	margin-bottom: -10px;
}

#teams-fs p.nav-buttons {
	margin-left: 20px;
}

p.nav-buttons input {
	min-width: 120px;
}

/*button:not(.jq-button),
input[type=button]:not(.jq-button),
input[type=submit]:not(.jq-button) {
	width: 110px;
	height: 25px;
	line-height: 25px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
	background-image: -webkit-linear-gradient(#F3F3F3 0%, #CCC 100%);
	background-image: -moz-linear-gradient(#F3F3F3 0%, #CCC 100%);
	background-image: -o-linear-gradient(#F3F3F3 0%, #CCC 100%);
	background-image: linear-gradient(#F3F3F3 0%, #CCC 100%);
	border-radius: 4px;
	cursor: pointer;
}*/

form #teams-fs td.kat-column {
	width: 238px;
	text-align: center;
	line-height: 28px;
}

form #teams-fs td.kat-column .kat-text-short {
	display: none;
}

form #teams-fs td.kat-column input {
	margin-right: 2px;
}

form #teams-fs td.kat-column input {
	margin-left: 10px;
}

form #teams-fs td.kat-column input:first-child {
	margin-left: 0;
}

form #teams-fs label.radio-label {
	/*width: 116px;*/
	width: 50%;
	height: 28px;
	line-height: 28px;
}

form #teams-fs td.remove-col {
	width: 20px;
}



.input-info-wrapper {
	position: relative;
}

.input-info-symbol {
	position: absolute;
	top: 8px;
	right: 10px;
}

.info-symbol {
	width: 14px;
	height: 14px;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.15);
	font-size: 12px;
	font-size: 80%;
	font-weight: 700;
	/*box-shadow: 0 0 1px rgba(174,146,0,0.80);*/
	border-radius: 100%;
	background: #FFDC26;
	background: #312782;
	/*border: solid #AAA 1px;*/
	text-align: center;
	line-height: 12px;
	cursor: pointer;
}

.info-symbol:not(.inline) > span {
	position: relative;
	top: 1px;
}

.info-symbol.inline {
	display: inline-block;
	position: relative;
	top: -1px;
	margin-left: 3px;
	line-height: 14px;
}

#team1niveau,
#verein {
	padding-right: 28px;
}

#verein-info-box {
	left: -200px;
}

.info-symbol:hover .info-box {
	display: block;
}

.info-symbol .info-box {
	display: none;
	position: absolute;
	top: 30px;
	left: -50px;
	width: 270px;
	padding: 8px 15px;
	background: #EEE;
	border: solid #312782 1px;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(0,0,0,0.50);
	color: #555;
	text-shadow: none;
	font-size: 11px;
	font-weight: 400;
	text-align: left;
	z-index: 5;
}

.small-width {
	width: 220px !important;
}

.info-box h2 {
	margin-bottom: 10px;
	color: #312782;
	font-size: 13px !important;
	text-shadow: 1px 1px 0 #FFF;
}

.info-box h2 span {
	margin-left: 10px;
	color: #555;
	font-size: 11px;
	font-weight: 400;
	text-shadow: none;
}

.info-box p {
	margin: 0.8em 0;
}

.info-box p:last-child {
	margin-bottom: 0;
}

#niveau-info-box {
	left: -135px;
}

#kat1-info-box {
	left: -160px;
}

#kat2-info-box {
	left: -215px;
}

#verein-info-box {
	left: -220px;
	max-width: 230px;
}

#sonstiges-info-box {
	left: -190px;
}




form td.required-col {
	width: 5px;
	padding-bottom: 12px;
	line-height: 24px;
	vertical-align: top;
}

.team2-row .req-symbol,
.team3-row .req-symbol {
	display: none;
}



.label-fallback {
	display: none;
	padding-top: 5px;
	vertical-align: top;
}

.no-placeholder .label-fallback {
	display: table-cell;
}


.no-placeholder #kontakt-fs table td {
	border: solid white 1px; /*strech table in IE8 ???*/
}

#kontakt-fs .label-fallback {
	width: 120px;
}

.hausnummer-col {
	width: 15%;
}

.3rd-col, .4th-col {
	width: 200px;
	min-width: 200px;
}

.plz-col {
	width: 20%;
}


td.right-padded {
	padding-right: 3px;
}

td.left-padded {
	padding-left: 3px;
}

form tr.table-empty-row {
	height: 10px;
}

.input-column {
	width: 50px;
}

.label-column {
	width: 5em;
}

label.radio-label {
	cursor: pointer;
}

#add-button {
	display: none;
}

#sonstiges-fs .radio-label.ui-button,
#sonstiges-fs span.ui-spinner {
	width: 140px;
	height: 25px;
}

#sonstiges-fs span.ui-spinner {
	background: #F5F5F5;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	-webkit-transition: border-color 300ms ease 0s, box-shadow 300ms ease 0s;
	-moz-transition: border-color 300ms ease 0s, box-shadow 300ms ease 0s;
	-o-transition: border-color 300ms ease 0s, box-shadow 300ms ease 0s;
	transition: border-color 300ms ease 0s, box-shadow 300ms ease 0s;
	/*-moz-transition-property: border, box-shadow !important;
	-moz-transition-duration: 0.2s !important;
	-moz-transition-timing-function: ease !important;*/
}

#sonstiges-fs span.ui-spinner.focused {
	border-color: #FFDC26;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset/*, 0 0 5px rgba(255, 220, 38, 0.6)*/;
	outline: 0 none;
}

span.ui-spinner input {
	outline: none;
	padding-left: 3px;
	width: 107px;
}

.align-right {
	text-align: right;
}

.no-placeholder .align-right {
	text-align: left;
}

/*.no-placeholder .align-right {
	text-align: left;
}*/

/*form .info-box {
	margin-bottom: 15px;
	padding: 10px 15px;
	border: solid #FFDC26 1px;
	border-radius: 4px;
	background: white;
	background: #FFF79D;
	box-shadow: 0 0 3px #FFDC26 inset, 1px 1px 8px #CCC;
	color: #312782;
	font-size: 11px;
}

form .info-box1 {
	margin-bottom: 15px;
	padding: 10px 15px;
	border: solid orange 1px;
	border-radius: 4px;
	background: #FFF143;
	color: #312782;
	font-size: 11px;
}

form .info-box2 {
	margin-bottom: 15px;
	padding: 10px 15px;
	border: solid #FFDC26 1px;
	border-radius: 4px;
	background: #FFF143;
	color: #312782;
	font-size: 11px;
	background-image: -webkit-linear-gradient(#FFF143 , #FFDC26);
	background-image: -moz-linear-gradient(#FFF143 , #FFDC26);
	background-image: -o-linear-gradient(#FFF143 , #FFDC26);
	background-image: linear-gradient(#FFF143 , #FFDC26);
}

form .info-box3 {
	margin-bottom: 15px;
	padding: 10px 15px;
	border: solid #FFDC26 1px;
	border-radius: 4px;
	background: #FFF143;
	color: #312782;
	font-size: 11px;
	background-image: -webkit-linear-gradient(white -100% , #FFF143);
	background-image: -moz-linear-gradient(white -100% , #FFF143);
	background-image: -o-linear-gradient(white -100% , #FFF143);
	background-image: linear-gradient(white -100% , #FFF143);
}

form .info-box4 {
	display: none;
	margin-bottom: 15px;
	padding: 10px 15px;
	border: solid #FFDC26 1px;
	border-radius: 4px;
	color: #312782;
	font-size: 11px;
	background: rgba(255,214,1,0.10);
	box-shadow: 0 0 5px	rgba(255,214,1,0.60) inset;
}*/


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
		/*color: #999;*/
		-webkit-transition: color 300ms ease 0s;
}

 /* Firefox 18- */
input:-moz-placeholder,
textarea:-moz-placeholder {
		/*color: #555;*/
		-moz-transition-property: color;
		-moz-transition-duration: 300ms;
		-moz-transition-timing-function: ease;
}

 /* Firefox 19+ */
input::-moz-placeholder,
textarea::-moz-placeholder {
		/*color: #555;*/
		-moz-transition-property: color;
		-moz-transition-duration: 300ms;
		-moz-transition-timing-function: ease;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {	
		/*color: #999;*/	
		transition: color 300ms ease 0s;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
		color: #DDD;	
}

 /* Firefox 18- */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
		color: #BBB;	
}

 /* Firefox 19+ */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
		color: #BBB;	
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {	
		color: #DDD;	
}

#error-box {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px 10px;
	border: solid red 1px;
	border-radius: 4px;
	/*background: #FDD;*/
	/*color: #F00;*/
	color: #000000;
	font-size: 11px;
}

#error-box .caption {
	margin-bottom: 0.5em;
	color: #FF0000;
	font-size: 13px;
}

.clear-box {
	clear: both;
}

input.error,
label.error,
span.error {
	border-color: #FF0000 !important;
}

input.error:focus,
label.error:hover,
span.error.focused {
	border-color: #FFDC26;;
}

a.remove-button {
	display: none;
	position: relative;
	padding: 0;
	width: 17px;
	height: 17px;
	left: -2px;
	top: 6px;
}

.remove-button > span {
	position: relative;
	top: -1px;
	margin: auto;
}




/*progressbar*/
/*#progressbar-wrapper {
	display: none;
	text-align: center;
	margin-bottom: 20px;
}*/

/*#progressbar {
	display: inline-block;
	overflow: hidden;*/
	/*CSS counters to number the steps*/
	/*counter-reset: step;
}

#progressbar li {
	list-style-type: none;
	color: #312782;
	text-transform: uppercase;
	text-align: center;
	font-size: 9px;
	width: 130px;
	float: left;
	position: relative;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: white;
	background: #312782;
	border-radius: 4px;
	margin: 0 auto 5px auto;
	-webkit-transition: background-color 800ms ease 0s;
	-moz-transition: background-color 800ms ease 0s;
	-o-transition: background-color 800ms ease 0s;
	transition: background-color 800ms ease 0s;
}*/

/*progressbar connectors*/
/*#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #312782;
	-webkit-transition: background-color 800ms ease 0s;
	-moz-transition: background-color 800ms ease 0s;
	-o-transition: background-color 800ms ease 0s;
	transition: background-color 800ms ease 0s;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1;*/ /*put it behind the numbers*/
/*}*/

/*#progressbar li:first-child:after {*/
	/*connector not needed before the first step*/
	/*content: none; 
}*/

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
/*#progressbar li.active:before,	#progressbar li.active:after{
	background: #FFDC26;
	color: #312782;
}*/

@media screen and (max-width: 915px) {
	
	#reg-form fieldset div.fs-content {
		padding: 10px;
		padding-bottom: 20px;
	}
	
	#reg-form p.nav-buttons {
		margin: 0;
		margin-top: 20px;
		margin-botton: 20px;
	}
}
	
@media screen and (max-width: 650px) {
	
	form #teams-fs td.remove-col {
		width: auto;
	}

	form #teams-fs td.kat-column {
		width: 145px;
	}
	
	form #teams-fs td.kat-column .ui-button-text {
		padding: 4px 8px;
		line-height: 20px;
	}

	form #teams-fs td.kat-column .kat-text-long {
		display: none;
	}

	form #teams-fs td.kat-column .kat-text-short {
		display: inline-block;
	}
}


#form-placeholder {
	-webkit-transition: height 500ms ease 0s;
	-moz-transition: height 500ms ease 0s;
	-o-transition: height 500ms ease 0s;
	transition: height 500ms ease 0s;
}