/* Allgemeine Formular Styles */
form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form ul li {
	padding: 5px 0;
}

form ul li input[type=text] {
	/*float: left;*/
}

form ul label {
	/*float: left;*/
	display: inline-block;
	width: 130px;
}

fieldset {
	min-width: 0;
	margin-bottom: 1.5em;
	padding: 1em 1.8em;
	/*border: none;*/
	border:solid 1px #e2e2e2;
}

legend {
	display:block;
	padding-left: 15px;
	padding-bottom: 10px;
	margin-left: -1.1em;
	font-weight:bolder;
}

input, select, textarea{
	background-color:#FFFFFF;
	border:1px solid #ebebeb;
	font-size: 1em;
	color: #555555;
	padding: 6px;
	margin: 0px 0px 0px;
}

input.button {
	border: none;
}

ol.zeit {
	vertical-align: top;
	padding: 0;
	margin: 0;
	list-style: none;
}

ol.zeit li {
	display: inline-block;
	padding: 0;
	margin: 5px 2px;
	border-style: solid;
	border-width: thin;
	border-color: #CDCDCD;
}

ol.zeit label {
	display: block;
	width: 37px;
	line-height: 22px;
	float: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

ol.zeit li:hover {
	background-color: #C05AA1;
}

ol.zeit input {
	display: none;
}

label.zeitSelected {
	border: 1px solid #B64393;
}

#loginform label {
	color: #B54091;
}

#filter li {
	display: inline-block;
	margin-right: 20px;
}

#filter li label {
	float: none;
	width: auto;
}

#filter li input {
	float: none;
}

#vorname, #nachname, #email, #telefon, #mobile, #code {
	width: 210px;
}
#bemerkung, #suchfeld {
	width: 320px;
}
/*------------------------------------------------------------------------------------ */


/* Spezielle Styles für die Formular Überprüfung (jQuery Validate) 							*/
label.error {
	width: auto;
	margin-left: 5px;
	color: red;
}

/* Tischplan mit error-label soll roten rahmen bekommen! */
/*label.error ~ #tischPlan img {
    border: 2px solid red;
}*/

label.error.no-margin {
    margin-left: 0;
}

input.error {
	border-color: red;
	border-style: solid;
}
/*------------------------------------------------------------------------------------ */


	::-moz-placeholder {color:#d1d1d1;}
	::-webkit-input-placeholder {color:#d1d1d1;}
	:-ms-input-placeholder {color:#d1d1d1;}

@media only screen and (max-width: 500px) {
  #vorname, #nachname, #email, #telefon, #bemerkung, #suchfeld {
    width: 100%;
  }
}
