@charset "UTF-8";
/* CSS Document */

input, select, option, textarea, button {
	color: #4c4c4c;
	font-size: 1em;
	font-weight: normal;
}


.inputbox, select {
	border: 1px solid #DDE8CF;
	margin: 1px;
}

.inputbox {
	width: 250px;
}

select, select.inputbox {
	width: auto;
}
input.required, textarea.required, div.required, select.required {
	font-size: 1em;
	font-weight: normal !important
}
label.required {}

.invalid {
	border-color: #c00 !important;
	background-color: #FFC9C9 !important;
}

.requiredAsterisk {
	color: #ed5c3e;
	font-weight: bold;
	font-size: 1.25em;
}

.fieldDescription, .fieldDescriptionInput {
	margin-left: 126px; 
	margin-top: 13px; 
	padding: 2px; 
	width: 398px; 
	background: #DDE8CF;
}

.fieldDescriptionInput {
	width: 248px;
}	

img.calendar { height: 12px; }

label.key {	
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	width: 120px;
	vertical-align:top;
	padding-left: 2px;
}
label.key.hasTip {	
	padding: 0;
	padding-left: 2px;
}

label.invalid {
	background-color: transparent !important;
	color: #c00;
}

form .errorMsg {
	background-color: #FFC9C9 !important;
}


/**
 * User Profil (Joomla!Datas)
 */

#userprofil {}
#userprofil table.paramlist td {
	padding: 0px;
}
#userprofil td.key, td.paramlist_key {
	width: 120px;
}

#userprofil lable, td.paramlist_key {
	width: 120px;
}
#userprofil .inputbox, #userprofil textarea, #userprofil select {
	border: 1px solid #DDE8CF;
	width: 250px;
	margin: 1px;
}
#userprofil textarea {
	width: 400px !important;
}
#userprofil select {
	width: auto;
}

#userprofil #anleitung {
	background-color: #DDE8CF;
	border: 1px solid #74A23B;
	padding: 5px;
	width: 390px;
	margin-left: 130px;
}

/**
 * Loginform
 */

#login {}

#login td.key {
	width: 120px;
}

#login lable {
	width: 120px;
}
#login .inputbox, #login textarea, #login select {
	border: 1px solid #DDE8CF;
	width: 250px;
	margin: 1px;
}
#login textarea {
	width: 400px !important;
}
#login select {
	width: auto;
}

#login #anleitung {
	background-color: #DDE8CF;
	border: 1px solid #74A23B;
	padding: 5px;
	margin-bottom: 15px;
}

/**
 * Search
 */

#search {}

#search td.key {
	width: 120px;
}

#search lable {
	width: 120px;
}
#search .inputbox, #search textarea, #search select {
	border: 1px solid #DDE8CF;
	width: 250px;
	margin: 1px;
}
#search textarea {
	width: 400px !important;
}
#search select.inputbox {
	width: auto;
}

#search #anleitung {
	background-color: #DDE8CF;
	border: 1px solid #74A23B;
	padding: 5px;
	margin-bottom: 15px;
}

#search #searchfield {
	width: 400px;
}

#search #options {
	margin: 20px 0 20px 0;
	border-top: 1px solid #DDE8CF;
	border-bottom: 1px solid #DDE8CF;
	height: 90px;
}

#search #searchareas {
	width: 200px;
	float: left;
	width: 35%
}
#search #parameter {
	margin: 0;
	float: left;
	width: 60%;
}
.searchintro {
}

#search .searchresult {
	border: 1px solid #DDE8CF;
	margin-top: 5px;
	margin-bottom: 5px;
}

#search .searchresult span.small {
	display: inline;
}

/**
 * Profil
 */

#profil {}

#profil td.key {
	width: 120px;
}

#profil lable {
	width: 120px;
}
#profil .inputbox, #profil textarea, #profil select {
	border: 1px solid #DDE8CF;
	width: 250px;
}
#profil textarea {
	width: 400px !important;
}
#profil select {
	width: auto;
}

#profil #anleitung {
	background-color: #DDE8CF;
	border: 1px solid #74A23B;
	padding: 5px;
	width: 390px;
	margin-left: 124px;
}

/**
 * Register
 */
 
#register {}

#register .inputbox, #register textarea, #register select {
	border: 1px solid #DDE8CF;
	width: 250px;
	margin: 1px;
}
#register textarea {
	width: 400px !important;
}
#register textarea#anschrift {
	width: 250px !important;
}
#register select {
	width: auto;
}

#register .fieldDescription {}

/**
 * Angebot
 */
 
#angebotForm {
}

#angebotForm .key {
	width: 170px;
}
#angebotForm lable {
	width: 170px;
}

#angebotForm #zuordnung {
	width: 428px;
	padding: 2px;
}
#angebotForm #zuordnung h2 {
	padding: 2px;
	font-weight: bold !important;
	font-size: 1.1em !important;
	width: 400px;
}

#angebotForm .inputbox, #angebotForm textarea, #angebotForm select {
	border: 1px solid #DDE8CF;
	width: 250px;
	margin: 1px;
}
#angebotForm textarea {
	width: 400px !important;
}
#angebotForm select {
	width: auto;
}

#angebotForm #beschreibung2 {
	width: 90%;
}

#angebotForm #beschreibung2 span.key {
	display: block;
}
#angebotForm textarea#beschreibung {
	width: 400px !important;
}

#angebotForm .fieldDescription, #angebotForm .fieldDescriptionInput {
	margin-left: 176px;
}

/**
 * Messeinteressenten
 */

#messeinteressenten {}

#messeinteressenten #introtext {
}

#messeinteressenten #formfields {
}

.katFilter select {
	border: 1px solid #DDE8CF;
	width: 200px;
	margin: 1px;
}