/* A special hack is included for IE8 since it does not apply padding correctly on fieldsets */
label {
  color: #929292;
  cursor: pointer;
  float: none;
  font-weight: bold;
  outline: medium none;
  vertical-align: top;
  width: auto;
  padding-right: 52px;
}

p label {
	padding-top: 3px;
	margin-top: 6px;
	font-size: 12px;
	font-size: 0.75rem;
}

p label.sLabel {
	display: block;
	width: 250px;
}

p label.lLabel {
	display: block;
	width: 220px;
	float: left;
}

label.error {
	display: block;
}

p label.error {
	/*margin: 0 0 0 254px;*/
	margin: 0px;
	font-size: 12px;
	font-size: 0.75rem;
}

/* Error Message + Div */
.error {
	color: red;
	font-weight: bold;
	font-size: 12px;
	font-size: 0.75rem;
}

fieldset {
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	font-size: 19.2px;
	font-size: 1.2rem;
	margin-top: -0.2em;
	margin-bottom: 1em;
}

fieldset {
	border: 1px solid #dddddd;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

fieldset p {
	padding: 5px 0 5px 0;
}

fieldset,#IE8#HACK {
	padding-top: 1.4em;
}

legend,#IE8#HACK {
	margin-top: 0;
	margin-bottom: 0;
}
/* Form fields */
/*		Attribute selectors are used to differentiate the different types 
        of input elements, but to support old browsers, you will have to 
        add classes for each one. ".TitleField" simply creates a large text  
        field, this is purely for looks. */
input[type=text],input[type=password],input.sField,input.TitleField,textarea,select {
	background-color: #fff;
	border: 1px solid #00935e;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-size: 0.75rem;
	outline: none;
}

input[type=text]:focus,input[type=password]:focus,input.sField:focus,input.TitleField:focus,textarea:focus,select:focus {
	border-color: #C95957;
}

input.sField,input.text-short,input.TitleField,textarea,select.sField,select.mField {
	margin: 0.3rem 0;
	margin: 2px 0;
}

input.sField,input.TitleField {
	width: 300px;
	padding: 4px;
}

select.sField {
	width: 312px;
	padding: 3px;
}

input.mField {
	width: 145px;
	padding: 5px;
}

select.mField {
	width: 150px;
	padding: 5px;
}

input[readonly],input.readonly {
	background-color: #eee;
	color: #888
}

input.TitleField {
	font-size: 24px;
	font-size: 1.5rem;
}

textarea {
	width: 300px;
	padding: 5px;
	resize: none;
	min-height: 88px;
}

textarea.ta-wide {
	width: 95%;
	height: 240px;
	padding: 4px;
	margin: 5px;
}

input[type=checkbox],input[type=radio],input.checkbox,input.radio {
	position: relative;
}
/*IE7 Overflow Problem*/
*+html input[type=checkbox] {
	position: static;
}

.labelRadio {
	display: inline-block;
	vertical-align: top;
}

.radio {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

/* This is to be used on forms where a variety of elements are placed side-by-side. Use the p tag to denote a line. */
form.sForm p {
	margin: 0 0 0.5rem 0;
}

.FormActions {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	
}

fieldset {
	padding-bottom: 0;
}

fieldset p {
	padding: 0;
}

.TextareaSection {
	float: right;
}

/* Ausgelagert aus Typography */
input,textarea,button,select,a.button {	
	border-radius: 0px;
}

/* Contact Form input width Optimierung*/
#ContactForm input[type=text], #LoginForm input[type=text],  #LoginForm input[type=password], #ContactForm input[type=email]{
	width: 96%;
}
#ContactForm select{
	width: 99%;
}
#ContactForm textarea{
	height: 242px;
    width: 98%;
}
.sField[class*="span"],.button[class*="span"]{
	 min-height: inherit !important;
}
.TableActionsContainer .button{
	margin-left: 5px;
    margin-top: 2px;
}