/* --------------------
	Buttons
---------------------- */
button {
	width: auto;
	height: auto;
	border: none;
	background: none;					
	text-align: center;	
	font-weight: bold;
	font-size: 11px;
	color: #86171e;
	white-space: nowrap;	
	float: right;
	overflow: visible;
	cursor: pointer;	
}
button span, button em {
	height: 19px;
	margin: 0;
	display: block;
	line-height: 17px;
}
button span {
	padding-left: 20px;
	background: transparent url(../images/buttons/button_left.gif) 0 0 no-repeat;
}	
button em {
	padding-right: 5px;
	font-style: normal;
	background: transparent url(../images/buttons/button_right.gif) 100% 0 no-repeat;
}
button.cancel {
	color: #666666;
}
button.cancel span {
	background: transparent url(../images/buttons/button_left_cancel.gif) 0 0 no-repeat;
}	
button.cancel em {
	background: transparent url(../images/buttons/button_right.gif) 100% 0 no-repeat;
}
#foot button, #head button {
	float: none;
}

/* --------------------
	Forms
---------------------- */
.content form {
	padding: 0 0px 0 0px;
	margin: 0;
	clear: both;
}
.sidebar form {
	padding: 0;
	margin: 0;
	clear: both;
}
.sidebar form.eventSuche {
	padding: 0 10px;
}

/* --------------------
	Legend
---------------------- */
legend {
	margin: 0px 0px 5px 0px;
	padding: 0 5px 0 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #003f5b;
}

/* --------------------
	Fieldset
---------------------- */
fieldset {
	margin: 0 0 10px 0;
	padding: 9px 0 0 9px;
	border: 1px solid #e5e5e5;
	clear: both;
}
fieldset.fieldsetButton {
	margin: 5px 0 5px 0;
	padding: 0;
	clear: both;
}
.sidebar fieldset {
	margin: 15px 0px 0px 0px;
	padding: 0;
	border: 0;
	clear: both;
}
.sidebar div.tabContentBox fieldset {
	margin: 0 0 0 0;
}
.sidebar div.tabContentBox fieldset.fieldsetButton {
	margin: 5px 0 5px 0;
	padding: 0;
	clear: both;
}
fieldset.buttons {
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

/* --------------------
	Labels
---------------------- */
label {
	width: 139px;
	padding-left: 4px;
	margin: 0 0 10px 0;
	font-size: 0.9em;
	color: #003f5b;
	display: block;
	float: left;
}
label.option {
	color: #000;
}
label sub {
	color: #86171e;
}
label.auto {
	width: auto;
	margin-right: 15px;
}
label.long {
	width: 280px;
	margin-right: 10px;
}
label.extraLong {
	width: 280px;
	margin-right: 10px;
}
div.group label, div.groupShort label {
	margin: 0 0 5px 0;
}
div.groupShort label {
	width: 400px;
}
label.infoGFX {
	width: 122px;
}
form .moreParts label {
	width: 70px;
	margin: 10px 5px 5px 40px;
	font-weight: bold;
}
.sidebar form.eventSuche label {
	width: 50px;
	margin: 8px 0 0 0;
	text-transform: uppercase;
}
.sidebar form .moreParts label {
	width: 40px;
	margin-left: 10px;
}
label.bigText {
  margin-top: -4px;
  font-size: 1.2em;
}

/* --------------------
	Inputs
---------------------- */
input {
	width: 296px;
	margin: 0px 5px 10px 5px;
	padding: 2px;
	font-size: 0.8em;
	border: 1px solid #000;
	float: left;
}
input.cols3 {
	width: 88px;
}
input.cols3-2 {
	width: 192px;
}

input.fullField {
	width: 560px;
}
div.group input {
	margin-bottom: 5px;
}

.sidebar form.wetter input {
	width: 180px;
	margin: 1px 0px 0px 0px;
}
.sidebar form.eventSuche input {
	width: 185px;
	margin: 5px 0px 5px 5px;
}
.sidebar form.eventSuche input.datum {
	width: 60px;
	margin: 5px 0px 5px 5px;
}
.sidebar form.eventSuche input.searchfield {
	width: 180px;
	margin: 1px 0 5px 0;
}
.sidebar input.searchfield {
	width: 180px;
	margin: 0px 0 5px 0;
}
/* --------------------
	Radio & Checkbox
---------------------- */
input[type=checkbox] {
	width: auto;
	margin: 0px 5px 10px 5px;
}
input[type=radio] {
	width: auto;
	margin: 0px 5px 10px 5px;
}
/* --------------------
	Selects
---------------------- */
select {
	width: 302px;
	margin: 0px 5px 10px 5px;
	padding: 1px 0;
	font-size: 0.8em;
	border: 1px solid #000;
}
.sidebar form.eventSuche select {
	width: 213px;
	margin: 5px 0px 5px 5px;
}

/* --------------------
	Textarea
---------------------- */
textarea {
	width: 438px;
	margin: 0px 0px 10px 4px;
	padding: 2px;
}

/* --------------------
	Kombi Label Input
---------------------- */
form div.under {
	margin: 0 6px 10px 4px;
	float: left;
}
form div.under.zusammen {
	margin: 0 1px 10px 4px;
}
form div.under label {
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	height: auto;
	min-height: 17px;
	vertical-align: middle;
}
form div.under input, form div.under select, form div.under textarea {
	margin: 0 0 0 0;
	float: none;
}

form div.width56 {
	width: 56px;
}
form div.width56 label {
	width: 56px;
}
form div.width56 input {
	width: 50px;
}

form div.width91 {
	width: 91px;
}
form div.width91 label {
	width: 91px;
}
form div.width91 select {
	width: 91px;
}

form div.width104 {
	width: 104px;
}
form div.width104 label {
	width: 104px;
}
form div.width104 input {
	width: 98px;
}

form div.width218 {
	width: 218px;
}
form div.width218 label {
	width: 218px;
}
form div.width218 input {
	width: 212px;
}

form div.width332 {
	width: 332px;
}
form div.width332 label {
	width: 332px;
}
form div.width332 input {
	width: 326px;
}

form div.width285 {
	width: 285px;
}
form div.width285 label {
	width: 280px;
}
form div.width285 input {
	width: 275px;
}

form div.width570 {
	width: 570px;
}
form div.width570 label {
	width: 570px;
}
form div.width570 input {
	width: 570px;
}
form div.width570 textarea {
	width: 568px;
}

form div.under input[type=checkbox] {
	width: auto;
	float: left;
}
form div.under input[type=radio] {
	width: auto;
	float: left;
}

/* --------------------
	Formular Zusätze
---------------------- */

p.pflichtfeld {
	margin: 0 0 0 0;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
}
p.pflichtfeld sub {color: #86171e;}
form br {clear: both;}
.content form div.separator {margin: 0 8px 10px 0;}
.sidebar form div.separator {margin: 0 0 0 0;}
form .col1 {
	width: 49%;
	margin: 0 0 0 0;
	float:left;
}
form .col2 {
	width: 49%;
	margin: 0 0 0 0;
	float:right;
}
form div.group {
	margin: 0 0 10px 144px;
	clear: both;
	float: none;
}
form div.groupShort {
	margin: 0 0 0 20px;
	clear: both;
	float: none;
}
form div.group div.separator, form div.groupShort div.separator {margin: 0 9px 5px 0;}
p.txtInfo {
	margin: -10px 10px 10px 150px;
	font-size: 0.8em;
	font-weight: bold;
	color: #a7a7a7;
	clear: both;
	float: none;
}
p.txtInfo span {
	margin: 0;
	padding: 0;
	display: none;
}
img.infoGFX {
	width: 17px;
	margin: 0 0 0 0;
	float: left;
}
form div.under label img.infoGFX {
	width: 17px;
	margin: -3px 0 0 0;
	float: right;
}
form label img.infoGFX {
	width: 17px;
	margin: -3px 0 0 5px;
	vertical-align: middle;
	float: none;
}
form .moreParts {
	margin: 0 0 0 0;
	background-color: #ffffcc;
}
form img.icon {
	margin: 7px 0 0 5px;
}
.sidebar form img.icon {
	margin: 5px 0 0 3px;
}

/* --------------------
	ERROROS
---------------------- */
div.errorBox {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 2px solid #a4091e;
	background-color: #f5d1d6;
}
div.errorBox h4, div.errorBox p {
	margin: 0 0 10px 0;
	padding: 0;
}
div.errorBox h4 {
	font-size: 1em;
	text-transform:uppercase;
	color: #a4091e;
}
div.errorBox a {
	color: #a4091e;
}
p.errorInfo {
	margin: 0 0 10px 150px;
	font-size: 0.8em;
	font-weight: bold;
	color: #a4091e;
	clear: both;
}
form .floatNone {
	float: none;
}
label.error {
	margin-bottom: 0px !important;
	color: #86171e !important;
}
input.error {
	margin-bottom: 0px !important;
	border: 1px solid #a4091e !important;
	background-color: #f5d1d6 !important;
}