/**
 * TYPOlight webCMS
 *
 * The TYPOlight webCMS is an accessible web content management system that 
 * specializes in accessibility and generates W3C-compliant HTML code. It 
 * provides a wide range of functionality to develop professional websites 
 * including a built-in search engine, form generator, file and user manager, 
 * CSS engine, multi-language support and many more. For more information and 
 * additional TYPOlight applications like the TYPOlight MVC Framework please 
 * visit the project website http://www.typolight.org.
 *
 * This file is a cross browser style sheet for form elements that you can 
 * import using the CSS import function of the style sheet module.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005
 * @author     Leo Feyer <leo@typolight.org>
 * @package    xBrowser
 * @license    GPL
 */
 

/* Benötigte Felder */
.mandatory
{
	color:#abd650;	
}

/**
 * Fieldset
 */
fieldset
{
	width:600px;
	display:block;
	margin:12px 0px 24px 0px;
	padding:12px 12px 0px 12px;
}

* html fieldset
{
	margin-top:12px;
}

*:first-child+html fieldset
{
	margin-top:12px;
}

legend
{
	color:#0000e6;
}

* html legend
{
	margin-top:-24px;
	padding:12px 0px;
}

*:first-child+html legend
{
	margin-top:-24px;
	padding:12px 0px;
}


/**
 * Text fields
 */
input.text,
input.password
{
	border: #CCCCCC 1px 1px 1px 1px solid;
	height:20px;
	float:left;
	color:#333333;
	left:200px;
	width:300px;
	margin:1px 0px 5px 0px;
}

input.sicherheit
{
	border: #CCCCCC 1px 1px 1px 1px solid;
	width:100px;
	margin-right:15px;
}

* html input.text,
* html input.password
{
	float:left;
	margin:0px;
}


*:first-child+html input.text,
*:first-child+html input.password
{
	margin:0px;
}


input.submit, input.submit:hover
{
	margin-top:10px;
}

/**
 * Textarea
 */
textarea
{
	border: #CCCCCC 1px 1px 1px 1px solid;
	color:#333333;
	width:300px;
	height:140px;
	left:200px;
	margin-bottom:5px;
}

textarea .text
{
	color:#333333;
	}

* html textarea
{
	width:358px;
}


/**
 * Drop-down menu
 */
select
{
	width:204px;
	margin:1px 0px 1px 0px;
	color:#333333;
}

* html select
{
	width:206px;
}


/**
 * Error message
 */
p.error
{
	float:left;
	color:#ff0000;
	padding-right:200px;
}


/**
 * Eigene
 */
.ce_form
{
	margin-top:25px;
	line-height:25px;
}

label
{
	width:500px;
	float:left;
}

hr { 
	border: #CCCCCC solid 1px 1px 1px ;
}

.ce_form .text:focus, .ce_form .textarea:focus, .ce_form .sicherheit:focus
{
	background-color:#EEEEEE;
	color:#333333;
}

.select {
	color:#333333;
}