/**************************************/

/* Formular Styling										*/

/**************************************/

/**

 Label

**/



label {

  font-family: 'Open Sans',Arial,Helvetica,sans-serif;

  font-size:100%;

  font-weight:bold;

}



/* Zuletzt geändert am 04.02.2012 */

/*

legend {

	font-weight:bold;

	font-size:1.2em;

}

*/



/**

 Text field

**/

/*

input.text

{

	width:260px;

	margin:0.25em 0.25em 0.25em 0;

	padding:4px;

	background-color:#f6f6f6;

	border:1px solid #c6c6c6;

}

*/



/* Erstellt am 29.10.2016 gukam */

.kontaktformular input.text {

	/* width:350px; */

  /* max-width:100%; */

  width:90%;

	font-family:Helvetica,Arial,sans-serif;

 	font-size:1.2em;

  color:#000;

	margin:0.15em 0.15em 0.15em 0;

	padding:2px;

	background-color:#f6f6f6;

	border:1px solid #c6c6c6;

}



/* Erstellt am 08.07.2012 */

.kontaktformular input.text:focus{

	background-color:#ffd;

  border:1px solid #444;

}



/* Erstellt am 29.10.2016 gukam  */

.kontaktformular input:hover {

	/* background-color:#f00; */

  border:1px solid #444;

}





/* Erstellt am 29.10.2016 gukam  */

input.captcha.mandatory:hover {

  border:1px solid #444;

}



.kontaktformular input:hover {

	/* background-color:#eee; */

  /* border:1px solid #444; */

}



/* Erstellt am 08.07.2012 */

.kontaktformular textarea {

	/* width:350px; */

  font-family:Helvetica,Arial,sans-serif;

 	font-size:1.2em;

	margin:0.25em 0.25em 0.25em 0;

	padding:4px;

	background-color:#f6f6f6;

	border:1px solid #c6c6c6;

}



/* Erstellt am 08.07.2012 */

.kontaktformular textarea:focus {

	background-color:#ffd;

  border:1px solid #f00;

}



/* Erstellt am 08.07.2012 */

.kontaktformular textarea:hover {

	/* background-color:#ffd; */

  border:1px solid #888;

}



/**

 File upload

**/

input.upload {

	margin:0.25em 0.25em 0.25em 0;

}



/**

 Textarea

**/

/*

textarea

{

	width:460px;

	height:120px;

	margin:0.25em 0.25em 0.25em 0;

	padding:4px;

	background-color:#f6f6f6;

	border:1px solid #c6c6c6;

}

*/



/* Erstellt am 22.01.2011 */

textarea#ctrl_comment.textarea.mandatory {

 	font-family:Verdana,Helvetica,Arial,sans-serif;

  font-size:1.1em;

  font-weight:normal;

}



/* Erstellt am 25.01.2011 für Login Formular */

form#tl_login input.text {

	font-size:1.1em;

  width:120px;

	/* width:auto; */       /* Zuletzt geändert am 04.02.2012 */

	margin:0.15em 0.15em 0.15em 0;

	padding:2px;

	background-color:#f6f6f6;

	border:1px solid #c6c6c6;

}



/* Erstellt am 25.01.2011 für Login Formular */

form#tl_login input.text:focus {

	background-color:#ffd;

	border:1px solid #ff8000;

}



/* Erstellt am 25.01.2011 Newletter abonieren */

form#tl_subscribe input.text {

	font-size:1.1em;

  width:170px;

 	/* width:auto; */       /* Zuletzt geändert am 04.02.2012 */

	margin:0.15em 0.15em 0.15em 0;

	padding:2px;

	background-color:#f6f6f6;

	border:1px solid #c6c6c6;

}



/* Erstellt am 25.01.2011 Newletter abonieren */

form#tl_subscribe input.text:focus {

	background-color:#ffd;

	border:1px solid #ff8000;

}



/**

 Tableless

**/





/* Zuletzt geändert am 04.02.2012 */

/*

.ce_form.tableless .radio_container,

.ce_form.tableless .checkbox_container {

	margin-bottom:-16px;

}

*/



/* Zuletzt geändert am 04.02.2012 */

/*

.ce_form.tableless .radio_container label,

.ce_form.tableless .checkbox_container label {

	display:inline;

}

*/



.ce_form.tableless p.error {

	margin-top:0;

	margin-bottom:0;

}



/**

 Checkbox

**/



.checkbox_container {

	margin:1em 3em 0.25em 0em;

}





/*

.checkbox_container {

	display:block;

	display:inline;

}

*/





.checkbox_container span label {

	font-weight:500;

	display:inline-block;

}





/* Fix checkbox margin in IE6 */

* html input.checkbox {

	margin:-1px 0;

}



/* Fix checkbox margin in IE7 */

*:first-child+html input.checkbox {

	margin:-1px 0;

}



/**

 Captcha

**/



/* Erstellt am 08.07.2012 */

.kontaktformular input.captcha {

	width:48px;

	margin:0.25em 0.25em 0.25em 0;

	padding:4px;

	background-color:#f6f6f6;

	border:1px solid #c6c6c6;

}



/* Erstellt am 08.07.2012 */

.kontaktformular input.captcha:focus {

	background-color:#ffd;

	border:1px solid #888;

}



/* Zuletzt geändert am 22.01.2011 */

/*

span.captcha_text

{

	top:0.65em;

	position:relative;

	vertical-align:top;

	font-weight:normal !important;

	color:#808080 !important;

}

*/



/* Zuletzt geändert am 08.07.2012 */

/*

.kontaktformular span.captcha_text {

	position:relative;

 	top:0.65em;

	vertical-align:top;

	font-weight:bold !important;

	color:#2f2f2f !important;

}

*/



/* Zuletzt geändert am 08.07.2012 */

.kontaktformular span.captcha_text {

	position:relative;

 	top:8px;

	vertical-align:top;

	font-weight:bold !important;

	color:#2f2f2f !important;

}



/* Fix alignment in IE6 */

* html span.captcha_text {

	top:0.8em;

}



/* Fix alignment in IE7 */

*:first-child+html span.captcha_text {

	top:0.8em;

}



/**

 Radio button

**/



.radio_container {

	/* margin:1.25em 0.25em 1.25em 0; */

	margin-top:.25em;

}



.radio_container span {

	display:inline;

 	/* display:block; */

}







.radio_container label {

	font-weight:normal;

}





input.checkbox {

	display:inline;

	margin-right:10px;

}





/*

.checkbox_container span label{

	display:none;

}

*/



/* Erstellt am 30.10.2016 gukam */

/*

fieldset.radio_container.mandatory {

		display:inline;

}

*/



/*

fieldset.radio_container.mandatory span input {

		display:inline-block;

}

*/



/*

div.widget.widget-radio.mandatory  fieldset.radio_container.mandatory {

		display:none;

}

*/



/*

input.radio span {

	display:inline;

	/* margin-right:10px; */ /*

}

*/





/*

div.widget.widget-radio.mandatory {

	display:none;

	display:inline;

}

*/





label.mandatory {

	/* width:100%; */

  /* display: inline; */

  margin-top: .7em;

  padding-bottom: 3px;

  color:#111;

}



/* Erstellt am 29.10.2016 gukam und Zuletzt geändert am 02.11.2016 */

/*

div.ce_form.tableless label {

	display:block;

	margin-top:1em;

}

*/



label {

	display:block;

	margin-top:1em;

}



/* Erstellt am 30.10.2016 gukam */

.widget.widget-captcha.mandatory {

	/* display:none; */

  margin-top:2em;

}



/* Erstellt am 30.10.2016 gukam */

.submit_container {

	margin:1em 1em 1em 0em;

 	outline: 0 none;

}



/* Erstellt am 30.10.2016 gukam */

.radio_container.mandatory span label {

	display:inline-block;

	padding: 10px 0px 10px 0px;

}



/* Erstellt am 30.10.2016 gukam */

/*

fieldset.radio_container.mandatory span label {

	display:inline;

  margin:0px ;

	padding: 10px 0px 10px 0px;

}

*/



/*

formbody input[type="checkbox"] {

	display:inline;

	padding: 0px 0px 0px 10px;

}

*/



.formbody input[type="checkbox"], x:-moz-any-link-xx {

	/* top: -2px; */

	position: relative;

}





.formbody .checkbox_container label, .formbody .radio_container label {

	display: inline;

}





/* Fix radio button margin in IE6 */

* html input.radio {

	margin:-1px 0;

}



/* Fix radio button margin in IE7 */

*:first-child+html input.radio {

	margin:-1px 0;

}



/**

 Submit button

**/



/* Zuletzt geändert am 22.07.2012 */

/*

.submit_container {

	margin:0.25em 0.25em 0.25em 0;

}

*/





/* Erstellt am 06.10.2011 */

/*

input.submit {

	padding-right:0.5em;

	padding-left:0.5em;

}

*/



/* Erstellt am 22.07.2012 */

.submit_container input.submit {

  font-family:Helvetica,Arial,Sans-Serif;

	font-size:1.2em;

  font-weight:500;

  color:#444;

	padding:0px 15px 0px 15px;

 	outline: 0 none;

}



/* Erstellt am 22.07.2012 */

/*

.submit_container input.submit:hover {

 	outline: 0;

}

*/







/* Erstellt am 27.07.2012 */

/*

.formbody .submit_container input.submit {

 	outline: 0px none;

}

*/



/* Remove padding in IE6 */

* html input.submit {

	padding-right:0;

	padding-left:0;

}





/* Remove padding in IE7 */

*:first-child+html input.submit {

	padding-right:0;

	padding-left:0;

}



/**

 Layout

**/



/* Zuletzt geändert am 06.10.2011 */

/*

span.mandatory {

	font-weight:bold;

	color:#f00;

}

*/



/* Zuletzt geändert am 13.07.2012 */

label.mandatory span.mandatory {

	font-weight:bold;

	color:#a50019;

  padding: 0px 1px;

}





/* Erstellt am 02.11.2016 gukam */

span.mandatory {

	font-weight:bold;

	color:#a50019;

  padding: 0px 1px;

}





/*

td span.mandatory {

	font-weight:bold;

	color:#f00;

}

*/



/*Erstellt am 06.10.2011 zweiter Stern (Asterix) bei Pflichtfeld Bermerkungen entfernen */

td.col_0 label.confirm span.mandatory {

	/* font-weight:bold; */

	/* color:#fff; */

  /* display:none; */

}



/* original wbc */

p.error {

	margin-top:0.5em;

	margin-bottom:0;

  font-size:1em;

	font-weight:bold;

	color:#efefef;

  background: #a50019;

  padding: 2px 5px 2px 5px;

  /* border: 1px solid #2f2f2f; */

  margin-top: 0.5em;

  margin-bottom: 0.4em;

}



/* ist in content.css */

/*

form#tl_login p.error

{

	margin-top:0.5em;

	margin-bottom:0;

	font-weight:bold;

  color:#000;

  background: #dda0dd;

  padding: 3px 5px 3px 5px;

  border: 1px solid #2f2f2f;

  margin-top: 0.5em;

  margin-bottom: 0.4em;

}

*/



/* ist in content.css */

/*

.ce_comments p.error {

	position:relative;

  display:block;

  max-width: 370px;

  font-weight:bold;

  color:#000;

  background: #dda0dd;

  padding: 3px 5px 3px 5px;

  border: 1px solid #2f2f2f;

  margin-top: 0.5em;

  margin-bottom: 0.4em;

}

*/



/*

p.error

{

	margin-top:0.5em;

	margin-bottom:0;

	font-weight:bold;

  border: 1px solid #f00;

  background: #dda0dd;

	color:#000;

  padding: 1px 5px 1px 5px;

}

*/



/*

p.error {

	position:relative;

  display:block;

  max-width: 370px;

  font-weight:bold;

  background: #dda0dd;

  padding: 3px 5px 3px 5px;

  border: 1px solid #f00;

  margin-top: 0.5em;

  margin-bottom: 0.4em;

}

*/



div.cc {

	margin-bottom:0.5em;

}



.ce_form td.col_first {

	padding-right:1em;

	vertical-align:middle;

}



/**

 Select menu

**/

select {

	/* width:200px; */

 	width:auto;        /* Zuletzt geändert am 04.02.2012 */

	margin:0.25em 0.25em 0.25em 0;

	background-color:#f6f6f6;

	border:1px solid #c6c6c6;

}



select:focus {

	background-color:#ffd;

	border:1px solid #ff8000;

}