form {
	margin:0;
	padding:0;
	margin-bottom: 2em;
}

/* --------------------------buttons ------------------------------------------- */
button { 
  border:0; 
  cursor:pointer; 
  font-weight: bold; 
  padding:0; 
  text-align:center; 
  /* margin-left: 32%;  */    /* wie Wert bei label + 1% */
  background: transparent;
  margin-bottom:20px;
}
button.btAlignLeft {
	margin-left: 0; 
}
button.frmBtFldAlign {
	margin-left:32%;
}

button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 31px 0 15px; 
}

button.check {
	/* Feldtyp 15 Zusatzbutton */
	margin-left:12px; 
	padding: 1px; 
	padding-right: 4px;
	color: white; 
	background-color:#fd6411;
}

button.btBuyPoints {
	/* Kaufenseite Punkte */
	padding:2px 7px; 
	border:1px solid #7cc2f4; 
	background-color:#dce9f4; 
	color:#0f70b7;
	font-size: 93%;
	font-weight:normal;
	text-decoration:none;
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin: 0px 0px 0px 3px;		/* wichtig! alle 0er benötigt!!! */
}

/* --------------------------end buttons ------------------------------------------- */

/* ------------ Sonderfelder Ajax Zusatzfelder etc. -------------------------- */
div#couponAjaxInfo {
	margin-top:10px;
}
/* ------------ Sonderfelder Ajax Zusatzfelder etc. -------------------------- */


form.headerLogin {
	margin: 0;
	padding: 0;
	padding-top: 7px;
}

form.headerLogin input.fld {
	width: 110px;
	height: 15px;
	background: #ffffff url(../img/form_input_bg.gif) no-repeat top left;
	border: 1px solid #d5d5d5;
	padding: 2px;
	margin-bottom: 3px;
	font-size: 86%;
}
form.headerLogin input.button {
	font-size: 86%;
}




form.whatWhereRadius {
  margin-bottom: 25px;
}

form.top30 {
	margin-top: 30px;
}

form.whatWhereRadius fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

form.whatWhereRadius label {
  display: inline-block;
  color: #808080;
  font-size: 86%;
  padding-top: 9px;
}
form.whatWhereRadius fieldset ol {
  margin: 0;
  padding: 0;
}
form.whatWhereRadius fieldset li {
  float: left; 
  list-style: none;
  margin: 0;
}
form.whatWhereRadius input {
	border: none;
	font-size: 120%;
	color: #0961a9;
	margin: 11px 5px 8px 8px;
	padding-left: 5px;
}
/*
form.whatWhereRadius li.what {
	background: transparent url(../img/form_input_what_long.gif) no-repeat;
	margin-right: 11px;
}
form.whatWhereRadius input.what {
	width: 327px;  
	margin-right: 10px;
	background: transparent;
} 
form.whatWhereRadius li.whereLong {
	background: transparent url(../img/form_input_where_long.gif) no-repeat;
	margin-right: 11px;
}
form.whatWhereRadius input.whereLong {
	width: 397px;
	margin-right: 10px;
	background: transparent;
} */
form.whatWhereRadius li.where {
	background: transparent url(../img/form_input_where_2.gif) no-repeat;
	margin-right: 11px;
}
form.whatWhereRadius input.where {
	width: 285px; 
	margin-right: 10px;
	background: transparent;
}
form.whatWhereRadius li.radius {
	background: transparent url(../img/form_input_radius.gif) no-repeat;
	margin-right: 25px;
}
form.whatWhereRadius input.radius {
	width: 52px;
	margin-right: 10px;
	background: transparent;
}
form.whatWhereRadius div.hint {
	float: left;
	width: 550px;
	margin-left: 12px;
	margin-top: 15px;
	padding: 12px 0 0 23px;
	background: transparent url(../img/form_hint_bulb.gif) no-repeat 0 9px;
	font-size: 86%;
	color: #808080;
}

form.whatWhereRadius button.searchXXXXXx {
	width: 95px;
	height: 93px;
	cursor: pointer;
	text-indent: -9999px;
	margin-left: -11px;
	margin-top: -17px;
	background: transparent url(../img/form_bt_search_keypad.gif) no-repeat;
}
form.whatWhereRadius button.search {
	cursor: pointer;
	margin-top:1px;
	font-size: 1.6em;
	margin-left: 0;
}



form.all fieldset {
	clear: left;
	margin: 1em 0;
	border:none;
	border-top: 1px solid #ccc; 
	padding-left: 1px;
}
form.all div.fieldsetLikeWrapper {
	/* wenn fieldset msg_id 99 - leer */
	margin-top: -0.3em;
	margin-bottom: 1.5em;
}

form.all fieldset p {
	margin:0;
	padding: 0;
	/* margin-left: -8px; */
	margin-bottom: 1em;
}


form.all legend {
	margin:0.5em 0;
	/* margin-left: -0.5em; */
	color: #fd6411;
	color: #fd9611;
	font-size:1.6em;
	font-weight: bold;
}


form.all label {
	clear: left;
	float:left;
	width: 32%;
	padding-right: 0.8em;
	padding-top: 3px;
	text-align: left;
}



form.all div.frmFieldLeft {
	/* margin-left: -7px;	*/    /* 2011-07-19 rein optische korrektur */
}




form.all div.frmFieldLeft label {
	/* form field left align - display type 2 */
	text-align: left;
	width: 95%;     /* 2011-07-19 rein optische korrektur */
	padding-bottom: 5px;
}

form.all span.fldDisplayOnly {
	padding: 2px;
	margin: 0;
}

form.all div.frmField {
	padding:0.2em 1em 0.2em 0em;
}

/* hide some elements for screen readers */
form.all div.frmFieldOut {
	visibility:hidden;  
   display:none;  
}
/* end hide some elements for screen readers */


form.all div.frmField input,
form.all div.frmField textarea {
	width: 60%;
	background: #ffffff url(../img/form_input_bg.gif) no-repeat top left;
	border: 1px solid #d5d5d5;
	padding: 2px;
	font: 100% Arial, Helvetica, sans-serif;
}
form.all div.frmField select {
	border: 1px solid #cccccc;
	padding: 1px;
	background: #ffffff url(../img/form_input_bg.gif) no-repeat top left;
}


form.all div.frmFieldError input.fldText,
form.all div.frmFieldError select,
form.all div.frmFieldError textarea {
	border: 1px solid #cc1c00;
}

form.all div.wrapperMulti {
	/* um checkbox-ul-liste */
	float: left;
	margin-top:4px;
	margin-bottom:3px;
}



form.all div.frmField textarea {
	width: 100%;
	height: 80px;
	margin-top: 7px;
}
/*
form.all div.frmField input:hover,
form.all div.frmField textarea:hover {
	border: 1px solid #fd9611;
} */

form.all div.frmField input.multi {
	/* für Radios, Checkboxes */
	width: auto;
	float: none;
}


form.all label.multi {
	/* für Radios, Checkboxes */
	float: none;
	width: auto;
	padding-left: 0.2em;
	padding-right: 1.2em;
	text-align:left;
	white-space : nowrap;
}

form.all div.frmField input.hidden {
	/* für hidden fields */
	width: auto;
	float: none;
	clear: left;
}

form.all div.frmField optgroup {
	font-style : normal;
	color: #0961a9;
	padding: 4px 15px 4px 0;
}
form.all div.frmField option {
	color: #242122;
	padding: 1px;
	padding-right: 15px;
}



form.all div.errorInfo {
	/* Einzelfeld Fehler */
	margin: 0.5em 0 0.5em 0;
	padding:0.2em 1em 0.2em 25px;
	background: #ffffff url(../img/icon_error_small.gif) no-repeat 0 4px;
}

form.all div.errorInfo p {
	margin: 0;
	padding: 0;
	color: #a31516;
	font-weight: bold;
}

div.frmErrorInfoAll {
	/* generelle Box oberhalb den Einzelfeldern mit generellem Hinweis */
	font-weight: bold;
	font-size: 110%;
	color: #c40b09;
	padding: 7px;
	padding-left: 48px;
	margin-top: 20px;
	background: #f9cbbf url(../img/icon_form_error.png) no-repeat 5px 10px;
	/* diese 2 Werte für kräftige Farben */
	background-color: #c40b09;
	color: white;
	/* diese 2 Werte für kräftige Farben */
	line-height: 135%;
	border: 1px solid #c40b09;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* Info (z.B. keine Row für Edit) ohne form tag */
div.errorInfo {
	margin: 0.5em 0 0.5em 0;
	padding:0.2em 1em 0.2em 25px;
	background: #ffffff url(../img/icon_error_small.gif) no-repeat 0 4px;
}

div.errorInfo p {
	margin: 0;
	padding: 0;
	color: #a31516;
	font-weight: bold;
}
/* ----------------- */


form.all span.required {
	color: #a31516;
	font-weight: bold;
	padding-right: 4px;
}

form.all label.required {
	font-weight : bold;
}

form.all p.hint {
	clear: left;
	margin: 4px 0 4px 23px;
	padding: 0;
	color: #808080;
	padding-left: 30%;  /* wie Wert bei label */
	font-size: 86%;
}

form.all div.frmFieldLeft p.hint {
	/* Darstellungstyp 2 */
	clear: left;
	margin: 4px 0 4px 4px;
	padding: 0;
	color: #808080;
	padding-left: 0;  /* wie Wert bei label */
	font-size: 86%;
}

form.all p.hintLeft {
	padding-left: 0;  /* wie Wert bei label */
	margin-left: 0px;
}



form.all ul.searchkeys {
	line-height: 150%;
	list-style-type : none;
	margin: 0;
	padding: 0;
}
/*
form.all ul.searchkeys li {
	border: 1px solid gray;
	margin-bottom: 3px;
}
form.all ul.searchkeys li:hover {
	border: 1px solid silver;
}
*/
form.all ul.searchkeys li label {
	margin: 0;
	padding: 0;
}
form.all ul.searchkeys li a {
	display: block;
	padding: 2px 4px 2px 4px;
	background: #5caede;
	border: 1px solid #5caede;
	color: white;
	text-decoration: none;
	margin-bottom: 4px;
}
form.all ul.searchkeys li a:hover {
	border: 1px dotted #5caede;
	text-decoration: none;
	background: #ffffff;
	color: #5caede;
}
form.all ul.searchkeys li a.choosen {
	border: 1px solid #cc1c00;
	background: #cc1c00;
	color: white;	
}
form.all ul.searchkeys li a.choosenOk {
	border: 1px solid #79a709;
	background: #79a709;
	color: white;	
}
form.all ul.searchkeys li a.choosen:hover {
	color: white;
}
form.all ul.searchkeys li input {
	margin-right: 15px;

}


form.all ul.regularList {
	list-style-type : none;
	margin: 0;
	padding: 0;
	line-height: 150%;
	display: table;
}

form.all ul.regularList li a {
	padding: 2px 4px 2px 0;
	text-decoration: none;
	margin-top: 4px;
	color: #242122;
}


/* Sonderliste - Bannerbilder */
ul.bannerImages {list-style:none;padding:0px;margin:0px; margin-bottom:10px; }
ul.bannerImages li { 
	width:80px; 
	text-align:center; 
	margin-right: 0; 
	float:left;
	border-bottom: 1px dotted silver; 
	padding-top:10px; 
	padding-bottom:10px;
}
ul.bannerImages input {
		width: auto;
		margin-right:0;
}
ul.bannerImages label {
	width: 80px;
	padding-right:0;
	padding-top: 3px;
	text-align: center;
}
ul.bannerImages img {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:4px;
	width:80%;
	height:80%;
	
}
ul.bannerImages li:hover {
	background: #ddd;
}


/* Sonderklassen Punkte kaufen */
input.buyPoints {
	width: 15px;
	background: #ffffff url(../img/form_input_bg.gif) no-repeat top left;
	border: 1px solid #d5d5d5;
	padding: 2px;
	font: 100% Arial, Helvetica, sans-serif;
}
	



/* ------------------- Sonderformular Kategorien/Kurse  -------------------------- */
form.categories input.price {
	width:80px;
	padding-right:0;
	text-align: right;
}
form.categories label.category {
	float:none;
	width: auto;
	padding-right: 0.8em;
	text-align: left;
	font-weight: bold;
}
table.categories {
	/* Abstand unten */
	margin-bottom:30px;
}
table.categories td {
	border-top: 1px solid #ececec;
	height: 30px;
	padding-left:0;
	padding-right:0;
}
table.categories td.header {
	height:40px; 
	padding:0;
	margin:0;
	padding-right:12px;
	border-top: none;
}




/* ------------------- Sondercss fuer z.B. Passwort Meter -------------------------- */
#passwordDescription {
        height:20px;
		float: left;
		margin-left: 34%;
		color: #808080;
		font-size: 93%;
}
#passwordStrength {
        height:15px;
		margin-left: 15px;
		float: left;
}

.strengthEmpty {
        width:0;
        background: none;
		border: none;
}

.strength0 {
        width:20px;
        background:#cccccc;
		border: 1px solid gray;
}

.strength1 {
        width:50px;
        background:#ff0000;
		border: 1px solid gray;
}

.strength2 {
        width:70px;    
        background:#ff5f5f;
		border: 1px solid gray;
}

.strength3 {
        width:100px;
        background:#56e500;
		border: 1px solid gray;
}

.strength4 {
        background:#4dcd00;
        width:130px;
		border: 1px solid gray;
}

.strength5 {
        background:#399800;
        width:150px;
		border: 1px solid gray;
}
/* ------------------- Ende Sondercss fuer z.B. Passwort Meter -------------------------- */


.uploadOK { font-weight: bold; color: #79a709;  }
.uploadWait { font-weight: bold; color: #fd9611;  }
.uploadError { font-weight: bold; color: #c01600;  }
.fileuploadInfo {
	display: none;
	border: 1px dotted silver; 
	width: 98%; 
	padding:10px;
	margin: 20px 0;
}


.frmProcessInfo {
	/* iframe wait infobox */
	padding-top:5px;
	margin-left:15px;
}
img.frmProcessIcon {
	vertical-align:middle;
	padding-right:13px;
}
span.responseText {
	font-weight:bold;
}
span.responseWait {
	color: #f43e3c;
}
span.responseOK {
	color: green;
}
span.reponseError {
	color: red;
}
div.reponseOK {
	/* via Request.processInfo=ok ausgelöst */
	
}


div.jqEasyCounterMsg {
	/* wegen label mit width: 32%; hier Korrektur */
	padding-left:193px;
}
div.frmFieldLeft div.jqEasyCounterMsg {
	padding-left:0;
	margin-left:0;
}
/* Quick fixes für bestimmte Elemente */
div#fld_company_slogan div.jqEasyCounterMsg {
	padding-left:0;
	margin-left:0;
}
div#fld_company_info div.jqEasyCounterMsg {
	padding-left:0;
	margin-left:0;
}