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

.centerform {
	/* width:800px; */
	/* background-image:url('../img/smallform_bg.jpg'); */
	/* background-repeat:repeat-x; */
    font-size:0.98em;
    font-family:Open Sans;
	background-color:#edeff0;
	margin:20px 0;
	padding:5px;
    min-width:480px;
	/* border:1px solid #333; */
    border:0;
}
.centerform div {
	padding:5px auto;
	margin:10px 0;
}
.centerform div p {
    margin:0.3em 0;
	padding:3px;
}
.centerform div.header {
	min-height:20px;
	margin-top:0px;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-weight:bold;
	background-color:#557630;
	color:#fff;
}
.centerform div label {
	width:15em;
	background:transparent;
    font-size:0.93em;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
	float:left;
}
.centerform 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 input.text, input.text200, input.datum, select.text {
    font-size:0.93em;
	background-color:#edeff0;
	border:1px solid #4b4f54;
	padding-left:2px;
}
.centerform input.text:focus, input.text200:focus, input.datum:focus, select.text:focus {
    background-color:#c4c7c9;
}
.centerform input.text {
    width:30em;
    height:1.6em;
}
.centerform select.text {
    width:480px;
    height:1.6em;
}
.centerform input.text200 {
    width:200px;
    height:1.6em;
}

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

.centerform div.text {
	width:310px;
	height:18px;
	font-size:0.93em;
	background-color:#edeff0;
	padding-left:2px;
	float:left;
}
.centerform input.short, select.short {
	width:120px;
	height:1.6em;
	font-size:0.93em;
	background-color:#edeff0;
	border:1px solid #4b4f54;
	padding-left:2px;
}
.centerform textarea {
	width:30em;
	height:80px;
	font-size:0.93em;
	font-family:Open Sans;
    background-color:#edeff0;
    border:1px solid #4b4f54;
    padding-left:2px;
    margin-left:0px;
    resize:none;
}
.centerform textarea.text_short {
	width:310px;
    font-size:0.93em;
    font-family:Open Sans;
    background-color:#edeff0;
    border:1px solid #4b4f54;
    padding-left:2px;
    margin-left:0px;
}
.centerform textarea:focus, textarea.text_short:focus {
	background-color:#c4c7c9;
}
.centerform textarea.hightext {
	height:300px;
}
.centerform textarea.hightext[readonly] {
  background-color:#edd;
}
.centerform textarea.lowtext {
  height:120px;
}
.centerform textarea.lowtext[readonly] {
  background-color:#edd;
}
.centerform input.text:focus, select.text:focus {
	background-color:#ccc;
}
.centerform input.short:focus, select.short:focus {
  background-color:#ccc;
}

.submit {
    border: 0;
    min-width:120px;
    /* color:#005eb8; */
    color:#fff;
    padding:3px;
    background-color:#8f1515;
    /* background-color:#b3c9e9; */
    font-size:0.93em;
    font-weight:bold;
}
.submit:hover {
    cursor:pointer;
}
.reset {
    border:0;
    min-width:120px;
    color:#4b4f54;
    padding:3px;
    /* background-color:#ff9311; */
    background-color:#b3c9e9;
    font-size:0.93em;
    font-weight:bold;
}
.reset:hover {
    cursor:pointer;
}
