@CHARSET "utf-8";
/*********************************************************
 * CSS-File "forms.css"
 * Projekt:  IB-Kontakte
 * Version: 0.0 (Test)
 *********************************************************/

ul.form {
	list-style-type:none;
}
ul.form li {
	margin:3px 0px;
	padding-left:0px;
}
ul.form li input.text {
	width:260px;
    color:#000;
    background-color:#fff;
}
ul.form li select.text {
	width:260px;
    color:#000;
    background-color:#fff;
}
ul.form li input.text:focus {
    color:#4b4f54;
	background-color:#edeff0;
}
ul.form li select.text:focus {
	color:#4b4f54;
	background-color:#edeff0;
}
ul.form li textarea.text {
	color:#000;
	background-color:#fff;
	width:550px;
}
ul.form li textarea.text:focus {
	color:#4b4f54;
	background-color:#edeff0;
}
.leftform {
	/* width:800px; */
	/* background-image:url('../img/smallform_bg.jpg'); */
	/* background-repeat:repeat-x; */
    font-family:Open Sans;
	background-color:#fff;
	margin:0px 0px;
	padding:0px 0px 5px 0px;
}
.leftform div {
	padding:5px auto;
	margin:5px 0px;
}
.leftform div p {
	padding:3px;
}
.leftform div.header {
	min-height:25px;
	margin-top:0;
	padding:5px 0px 0px 0px;
	text-align:left;
    padding-left:10px;
	font-weight:bold;
	background-color:#557630;
	color:#fff;
}
.leftform div label {
	width:250px;
	background:transparent;
	font-weight:bold;
	text-align:left;
	padding:0px 10px;
	float:left;
}
.leftform input {
    margin-left:0px;
}
.leftform form input.submit {
    min-width:120px;
    height:25px;
    background-color:#b3c9e9;
    color:#005eb8;
    font-weight:500;
    font-size:12px;
    font-weight:bold;
    border:0;
}
.centerform {
	/* width:800px; */
	/* background-image:url('../img/smallform_bg.jpg'); */
	/* background-repeat:repeat-x; */
    font-family:Open Sans;
	background:transparent;
	margin:20px 0;
	padding:5px;
    min-width:480px;
	/* border:1px solid #333; */
    border:0;
}
.centerform div {
	padding:5px auto;
	margin:5px 0;
}
.centerform div p {
    margin:0.3em 0;
	padding:3px;
}
.centerform div.header {
	min-height:20px;
	margin-top:0px;
	padding:2px 0px;
	text-align:center;
	font-weight:bold;
	background-color:#557630;
    vertical-align:middle;
	color:#fff;
}
.centerform div label {
	/* width:250px; */
    width:15em;
	background:transparent;
	font-weight:600;
	text-align:left;
	padding-left:10px;
	float:left;
}
.centerform form div label.right {   /* speziell für Check- und Radioboxen, Label rechts */
    float:left;
    width:95%;
    font-weight:normal;
}
.centerform input.right[type=checkbox], input.right[type=radio] {
    clear:left;
    float:left;
    margin-top:4px;
    margin-top:4px;
}

.centerform div label.short {
	width:120px;
}
.centerform div label.left {
	text-align:left;
	width:240px;
	padding-left:20px;
}
.centerform div label.textarea_label {
	text-align:left;
	padding-left:30px;
	clear:both;
}
.centerform input.text, input.text200, input.datum, select.text {
    font-family:Open Sans;
    font-size:1em;
    color:#000;
	background-color:#fff;
	border:1px solid #4b4f54;
	padding-left:2px;
}
.centerform input.text:focus, input.text200:focus, input.datum:focus, select.text:focus {
    color:#4b4f54;
    background-color:#edeff0;
}
.centerform input.text {
    width:480px;
    height:1.6em;
}
.centerform select.text {
    /* width:480px; */
    width:30em;
    height:1.6em;
}
.centerform input.text200 {
    width:200px;
    height:1.6em;
}

.centerform input.datum {
	width:120px;
    text-align:left;
}
.centerform
    input.text[type=text][readonly],
    input.text[type=text][disabled],
    input.text200[type=text][disabled],
    input.short[type=text][readonly],
    input.short[type=text][disabled],
    input.datum[readonly],
    input.datum[disabled],
    select.short[disabled],
    select.text[disabled]
{
    color:#4b4f54;
    background-color:#edeff0;
}

.centerform div.text {
	width:30em;
	height:18px;
	font-size:12px;
	background-color:#fff;
	padding-left:2px;
	float:left;
}
.centerform input.short, select.short {
	width:10em;
	height:1.6em;
	font-size:1em;
    color:#000;
	background-color:#fff;
	border:1px solid #4b4f54;
	padding-left:2px;
}
.centerform input.vshort_center, select.vshort_center {
  width:80px;
  height:18px;
  font-size:12px;
  background-color:#fff;
  border:1px solid #4b4f54;
  padding-left:2px;
  text-align:center;
}
.centerform textarea {
	width:480px;
	height:80px;
	font-size:1em;
	font-family:Open Sans;
    color:#000;
    background-color:#fff;
    border:1px solid #4b4f54;
    padding-left:2px;
    margin-left:0px;
}
.centerform textarea.text_short {
	width:310px;
    font-size:12px;
    font-family:Open Sans;
    color:#000;
    background-color:#fff;
    border:1px solid #4b4f54;
    padding-left:2px;
    margin-left:0px;
}
.centerform textarea:focus, textarea.text_short:focus {
    color:#4b4f54;
	background-color:#edeff0;
}
.centerform textarea.hightext {
	height:300px;
}
.centerform textarea.hightext[readonly] {
    color:#4b4f54;
    background-color:#edeff0;
}
.centerform textarea.lowtext {
    height:120px;
}
.centerform textarea.lowtext[readonly] {
    color:#4b4f54;
    background-color:#edeff0;
}
.centerform input.text:focus, select.text:focus {
	color:#4b4f54;
    background-color:#edeff0;
}
.centerform input.short:focus, select.short:focus {
    color:#4b4f54;
    background-color:#edeff0;
}

.submit {
    border: 0;
    min-width:120px;
    /* color:#005eb8; */
    color:#fff;
    padding:3px;
    background-color:#ff9311;
    /* background-color:#b3c9e9; */
    font-size:1em;
    font-weight:bold;
}
.submit:hover {
    cursor:pointer;
    background-color:#005eb8;
}
.reset {
    border:0;
    min-width:120px;
    color:#4b4f54;
    padding:3px;
    /* background-color:#ff9311; */
    background-color:#b3c9e9;
    font-size:1em;
    font-weight:bold;
}
.reset:hover {
    cursor:pointer;
}
.centerform input.submit_yellow:hover {
  cursor:pointer;
}
.centerform input.shortnumber_center {
	width:60px;
	text-align:center;
	background-color:#eee;
    border:1px solid #666;
}
.centerform div.shortbox {
	width:25px;
	text-align:center;
	float:left;
}
.centerform div.shortbox img {
	border:0px;
	margin:auto;
}
.centerform div.legendbox {
	width:100px;
	float:left;
}
div.small {
	float:left;
	width:20px;
}
div.checkbox {
	width:200px;
	float:left;
}