/**
 * Das gesamte Formular soll einen Rahmen und eine Hintergrundfarbe haben.
 */
form#mailform {
  background-color: #fafafa;
  width: 50em;
  margin-top: 1em;
}

/**
 * Kein Element soll direkt an die Kante des Formulars rutschen.
 *
 * Wir können das Padding nicht direkt in form#mailform packen,
 * da IE6 das sonst nicht versteht. Er will das padding scheinbar
 * beim unmittelbaren Mutterknoten sehen.
 */
fieldset.csc-mailform {
	padding: 0.5em;
}

/**
 * Damit die einzelnen Zeilen nie nebeneinander rutschen, definieren
 * wir für jede Zeile clear: both.
 */
fieldset.csc-mailform div.csc-mailform-field {
  clear: both;
  width: 100%;
}

/**
 * Labels mit fester Breite, damit die Inputs links horizontal ausgerichtet sind.
 *
 * Hier gibt es mit em-Angaben im Gegensatz zu Inputs, Selects und Textareas keine
 * Probleme.
 */
fieldset.csc-mailform div.csc-mailform-field label {
  display: block;
  float: left;
  width: 12em;
  margin: 0.5em 1em 0 0;
  font-weight: normal;
  font-style: normal;
}

/**
 * 2-dimensionaler Stil, feste Breite für horizontale Ausrichtung.
 * Die Breite wird leider für Inputs, Selects und Textareas leider
 * sehr uneinheitlich interpretiert falls man em benutzt!
 *
 * Deshalb lieber px-Angaben!
 */
fieldset.csc-mailform div.csc-mailform-field input,
fieldset.csc-mailform div.csc-mailform-field select,
fieldset.csc-mailform div.csc-mailform-field textarea {
  display: block;
  float: left;
  border: 1px solid gray;
  margin: 0.4em 0 0.4em 0;
  width: 370px;
}

legend {
	font-size: 1em;
}

/**
 * Select-Boxen werden in FF, Opera und Konqueror immer 2 Pixel
 * schmaler als Textareas oder Inputs dargestellt.
 * Deshalb hier: Breite = Breite von Input/Textarea + 2px.
 *
 * Für IE6/7 reicht diese Korrektur noch nicht aus. Da muss man
 * mehr als 2px hinzufügen, aber dafür machen wir nicht ein extra
 * Stylesheet!
 */
fieldset.csc-mailform div.csc-mailform-field select {
  width: 372px;
}

/**
 * Bei Fokus die Hintergrundfarbe ändern! Geht nicht in IE6/7
 */
fieldset.csc-mailform div.csc-mailform-field input:focus,
fieldset.csc-mailform div.csc-mailform-field select:focus,
fieldset.csc-mailform div.csc-mailform-field textarea:focus {
  background-color: #F3F3FF;
}

/**
 * Submit Button nicht auf Breite 15em setzen!
 */
fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-submit {
  padding: 0.1em 0.5em 0.1em 0.5em;
  margin: 3em auto 0 auto;
}

/**
 * Erforderliche Felder markieren wir mit einem kleinen roten Border auf der
 * linken Seite.
 */
/*fieldset.csc-mailform div.csc-mailform-field div.csc-field-required input,
fieldset.csc-mailform div.csc-mailform-field div.csc-field-required select,
fieldset.csc-mailform div.csc-mailform-field div.csc-field-required textarea {
  border-left: 3px solid red;
}

/**
 * Erforderliche Felder markieren wir mit einem kleinen roten Stern auf der
 * rechten Seite des betroffenen Felds.
 */

#mailform fieldset.csc-mailform div.csc-mailform-field span.csc-field-required img {
	
}


fieldset.csc-mailform div.csc-mailform-field span.csc-field-required {
  float: left;
  margin: 0 0 0 0.5em;
  padding: 0;
	display: block;
	position: relative;
	top: 9px;
}

/**
 * Die Anmerkung, wie erforderliche Felder dargestellt werden sollen,
 * wird hier formartiert.
 */
form#mailform p.csc-field-required-annotation {
  font-size: 90%;
  margin: 0.5em 1em 0 0;
  padding: 0 0 0.5em 0.5em;
}

/** Anpassungen Radio-Buttons **/

#mailformRadio_Buttons input {
  clear:left;
  width:1em;
  margin-right:5px;
  border-style: none;
  display: inline;
  margin: 0.5em 1em 0 0;
}

#mailformRadio_Buttons legend {
	display: none;
}

/** Schicke Buttons! **/

input#mailformformtype_mail.csc-mailform-submit {
	width: auto;
	font-size: 11px;
	color: #effff3;
	text-transform: uppercase;
	background: #1243a2 url(http://www.phil-fak.uni-duesseldorf.de/fileadmin/system/layout07/images/arrows_01.gif) no-repeat 5px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 10px solid #b1b1ff;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.csc-mailform-submit {
	width: auto;
	font-size: 11px;
	color: #effff3;
	text-transform: uppercase;
	background: #1243a2 url(http://www.phil-fak.uni-duesseldorf.de/fileadmin/system/layout07/images/arrows_01.gif) no-repeat 5px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 10px solid #b1b1ff;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/** Gleicher Font fuer Alle! **/

textarea {
	font: 12px Arial,Helvetica,sans-serif;
}

textarea#mailformAddress {
	 width: 362px;

}

span.csc-mailform-radio fieldset {
	display: inline-block;
	padding: 0.5em;
}

p.csc-field-required-annotation img {
	position: relative;
	top: 7px;
}