/******************************************************************
* Globale und spezifische Formularformatierungen: 
******************************************************************/

/*form.admin {
   border: 1px dotted #c8d6d6;
   padding: 12px;
   -moz-border-radius: 8px;
}*/
#inhalt fieldset {
   color: #000;
   background-color: #fff;
   padding: 1em 20px 1em;
   margin-top: 1em;
   border: 1px solid #d6d4c8;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
	-moz-box-sizing: border-box;
} 
input, button, select {
	vertical-align: middle;
}
input[type=text],
input[type=password],
input[type=checkbox],
textarea {
   background-color: #fff;
   color: #000;
   border: 1px solid #A5ACB2;
   padding: 1px;
} 
input[readonly],
input[disabled] {
   background-color: #e9f0f0;
   color: #333;
} 
input[type=checkbox],
input[type=radio],
input[type=file],
*.autoweite {
   width: auto !important;
}
/*input[readonly] {
   background-color: InfoBackground;
   color: GrayText;
}*/
input[type=text]:focus,
input[type=file]:focus, 
input[type=checkbox]:focus, 
input[type=radio]:focus, 
textarea:focus, 
select:focus {
   -moz-outline: 1px dotted #000;
   outline: 1px dotted #000;
}
input[readonly]:focus,
input[disabled]:focus,
input[type=submit]:focus,
input[type=button]:focus,
input[type=image]:focus,
button:focus {
   -moz-outline: none;
   outline: none;
}
/*input[type=submit],
input[type=button],*/
input, textarea, select, button {
   font: 1em "Trebuchet MS", "Myriad Web", Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

select optgroup {
   color: #999;
   background-color: inherit;
   font-style: normal;
}
select optgroup option {
   color: #000;
   background-color: inherit;
   margin-left: 0;
   padding-left: 1em;
}

label.autoweite {
   display: inline !important;
}

/* Frontend-Formulare:
***********************************************/
.frontend fieldset {
}
.frontend legend {
   /*margin-left: 1em;*/
   font-weight: bold;
   font-style: italic;
   font-size: 1.05em;
   /*color: #333;
   background-color: inherit;*/
}
.frontend label,
.frontend span.label {
   display: inline-block;
   display: -moz-inline-box;
   width: 25%;
   color: #000;
   background-color: inherit;
}
.frontend label br {
   display: none
}
.frontend input,
.frontend textarea {
   width: 73%;
} 
.frontend input,
.frontend textarea,
.frontend select {
   margin-top: 2px;
   margin-bottom: 2px;
   margin: 2px 0;
} 

/* Sortierung:
***********************************************/
/*#sort fieldset {
   margin-top: 0;
   padding: .25em 6px .5em;
   -moz-border-radius: 8px; 
}
#sort fieldset legend {
}
#sort label {
   display: inline;
   display: inline-block;
   width: auto;
   white-space: nowrap;
}
#sort input#perpage {
   width: 1.8em;
   text-align: center;
}
#sort select {
   vertical-align: middle;
}
#sort input {
   width: auto;
   vertical-align: middle;
}
#sort fieldset p#sort-optionen {
  	display: table;
	margin: 0;
	width: 100%;
}
#sort fieldset span#sort-auswahl {
	display: table-row;
	vertical-align: middle;
}
#sort fieldset span#sort-auswahl span {
	vertical-align: middle;
	display: table-cell;
}
#sort span#sort-button {
	display: table-cell;
	text-align: right; 
	vertical-align: bottom !important;
	padding: 0;
}
#sort span#sort-button button {
	padding: 0;
	margin: 0;
}*/


/* Kontakt:
***********************************************/
#kontakt {
   margin-top: 2em;
}
#kontakt fieldset {
   color: #000;
   background: #fff url(../img/layout/hg_kontakt.png) right top no-repeat;
   margin-bottom: 0 !important;
   /*border-bottom: none;*/
}
#kontakt label {
   width: 16%;
}
#kontakt input {
   width: 50%;
}
#kontakt input#betreff {
   width: 82%;
}
#kontakt textarea {
   width: 82%;
   vertical-align: top;
}
#kontakt h4 {
   color: #cc3300;
   background-color: inherit;
   line-height: 115%;
   margin-bottom: 0;
}
#kontakt ol {
   color: #cc3300;
   background-color: inherit;
   margin-top: 0;
}
#kontakt ol li {
   margin: 0;
}
#kontakt ol li label {
   text-decoration: underline !important;
   cursor: pointer;
   display: inline;
   width: auto;
}
#kontakt ol li label:hover {
   text-decoration: none !important;
}

/* Erweiterte Suche:
***********************************************/
/*#suche-erweitert {
   margin-top: 2em;
}*/
body.search .frontend fieldset {
   color: #000;
   background: #fff url(../img/layout/hg_suche.png) no-repeat right center;
   margin-bottom: 0 !important;
}
body.search #google-suche fieldset {
   background-image: url(../img/layout/hg_googlesuche.png);
}
body.search .frontend label {
   display: inline-block;
   display: -moz-inline-box;
   /*margin-right: 10px;*/
   width: 16%;
   min-width: 25px;
   
   /*background-color: #ff00ff;*/
}
body.search .frontend li label {
   width: auto;
   display: inline;
}
body.search .frontend #q,
body.search .frontend #q-google {
   width: 69%;
} 
body.search .frontend fieldset ul {
   list-style: none;
   margin-left: 17%!important;
   padding-left: 0!important;
}
body.search .frontend li {
   display: inline;
}
body.search .frontend li label {
   white-space: nowrap!important;
   margin-right: 1em;
}
/*#suche-erweitert input[type=submit] {
   font-size: .95em!important;
}*/


/* Login:
***********************************************/
.login fieldset {
   color: #fff;
   background: #fff url(../img/layout/hg_login.png) no-repeat right center;
}
.login fieldset p {
   width: 60%;
}
.login fieldset label {
   width: 38%;
}
.login fieldset p.autologin {
   text-align: right;
   float: right;
   margin-top: -1em;
   width: auto;
}
.login fieldset p.autologin label {
   width: auto;
}
.login fieldset p.password-vergessen {
   width: auto;
}
.login fieldset input {
   width: 58%;
}
.login fieldset input#autologin {
   width: auto;
} 


/* Profilverwaltung:
***********************************************/
#edit fieldset label,
#edit fieldset span.label {
   width: 30%;
   min-width: 11.5em;
}
#edit fieldset input {
   width: 40%;
}


/* Permanentes Login im Fußbereich:
***********************************************/
/*form#perma-login {
}
form#perma-login label {
   white-space: nowrap;
   vertical-align: middle;
}
form#perma-login input {
   font-size: .9em !important;
   vertical-align: middle;
}
*/


#inhalt p.button {
   text-align: right;
   background-color: #f1efe2;
   background-color: #f1eed7;
   color: #000;
   /*border: solid #d6d4c8;
   border-width: 0 1px 1px;*/
   padding: 0 10px;
   margin: 2px 0 1em 0;
   -moz-border-radius-bottomleft: 8px;
   -moz-border-radius-bottomright: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
}
p.button input {
   width: auto !important;
   padding: 0 6px;
}
p.hilfe {
   text-align: right;
   float: right;
   position: absolute;
   right: 3%;
   top: .5em;
}
p.hilfe a {
   border: 1px solid gray;
   border-color: ThreedLightShadow ThreedDarkShadow ThreedDarkShadow ThreedLightShadow;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   text-decoration: none;
   font-weight: bold;
   padding: 1px 7px;
   color: ButtonText;
   background-color: ButtonFace;
}

#fillerror {
   list-style-type: decimal !important;
}
#inhalt #text form fieldset input.pflicht {
   border: 1px solid #cc3300 !important;
   background-color: #ffffe0 !important;
   color: inherit;
  /* -moz-outline: 1px solid blue !important;*/
}
label.pflicht {
   color: #cc3300 !important;
   background-color: transparent;
   border: none;
}