/* Kontaktformular designed by http://www.website-bauen.de
 *  !-!-!  COPYRIGHT: Website.Bauen.de       !-!-!
 *  ----------------------------------------------------  */

 * {margin: 0;padding: 0;}
/* outer div: */
#wubg {width: 100%;max-width: 518px;height: auto;max-height: 764px;margin: 16px auto 32px auto;padding: 2px}
#wubg {border: 1px solid #ccc;border-radius: 3px;background: #f0ede5;overflow-x: hidden}
#wubg #nojs {width: 300px;height: 460px;margin: 0;background: url(form-img/no-js.jpg) top left no-repeat} 

/* form skin: */
#wubgForm {}
#wubgForm h3 {padding: 2px 0 8px 0;margin: 0;font-size: 18px;font-weight: normal;color: #09991c;text-align: center}
#wubgForm .formGroup {width: 100%;max-width: 300px;margin: 8px 0 16px 0;font-size: 13px;padding: 0;text-align: left}
#wubgForm .formGroup.center {margin: 8px auto 16px auto;text-align: center}

/* inside formGroups */
#wubgForm label {display: block;width: 96%;height: 25px;margin: 0;padding: 5px 0 0 27px}
#wubgForm label {vertical-align: top;border: 0;text-align: left;line-height: 1}
#wubgForm label {font-size: 13px;color: #3b3b3b;cursor: default}

#wubgForm label.flDate {background: url(form-img/lbl-cald.png) top left no-repeat}
#wubgForm label.flName {background: url(form-img/lbl-name.png) top left no-repeat}
#wubgForm label.flPhon {background: url(form-img/lbl-phon.png) top left no-repeat}
#wubgForm label.flMess {background: url(form-img/lbl-mess.png) top left no-repeat}
#wubgForm label.flSelc {background: url(form-img/lbl-mess.png) top left no-repeat}
#wubgForm label.flCapt {background: url(form-img/lbl-capt.png) top left no-repeat}

#wubgForm input[type=text] {width: 96%;height: 28px;margin: 0;padding: 4px 3px;outline: none}
#wubgForm input[type=text], #wubgForm textarea {display: block;vertical-align: top;background:#f5f5f5;border: 1px solid;border-color: #777}
#wubgForm input[type=text], #wubgForm textarea {font-family: Arial, sans-serif;font-size: 14px;color: #111}
#wubgForm textarea {width: 96%;height: 96px;margin: 0;padding: 4px 3px;resize: none;overflow: auto}
#wubgForm input[type=text]:hover, #wubgForm textarea:hover, 
#wubgForm input[type=text]:focus, #wubgForm textarea:focus {background: #fff;border-color: #111}

 /* the input for reloading captcha, inside label, needs to pulled over the image: */
	#wubgForm input#load {display: inline-block;float: left;width: 24px;height: 24px;margin: -6px 0 0 -27px;border: none}
	#wubgForm input#load {font-size: 0;color: transparent;background: none;cursor: pointer}

 /* the appended captcha-number-block, inside label, (output from js:     */
	#wubgForm span#code {display: inline-block;float: left;width: 48px;height: 19px;margin: -3px 0 0 3px;padding: 3px 0 0 3px}
	#wubgForm span#code {font-style: italic;font-size: 15px;letter-spacing: 1px;color: #000;background: #fff}

 /* the span(text) behind the captcha number:      */
	#wubgForm label.flCapt div.fl-pt2 {display: inline-block;float: right;width: 140px;height: 21px;margin: 0 50px 0 0} /* 0 66 0 0 */
	#wubgForm label.flCapt div.fl-pt2 {padding-top: 2px;font-style: italic;font-size: 12px;color: #888;border: none}

 /* the "submit-button": */
	#wubgForm input#fiSend {position: relative;width: 92px;margin: 8px auto 2px auto;padding: 6px}
	#wubgForm input#fiSend {font-size: 14px;font-weight: bold;text-align: center;color: #fff;border: 0}
	#wubgForm input#fiSend {background: #4d76f2;box-shadow: 1px 1px 3px #222;border-radius: 3px;cursor: pointer}
	#wubgForm input#fiSend:hover, #wubgForm input#fiSend:focus {background: #083}

 /* fallback if Server-Error (not user-error) */
	#wubgForm#fStat {display: block;width: 68%;height: auto;margin: 0 auto -8px 4%}
	#wubgForm#fStat {font-weight: bold;font-style: italic;text-align: left}

select.wkwih {width: 96%;max-width: 286px;min-height: 29px;margin: 0 8px 10px auto;padding: 4px;outline: none;}
select.wkwih {background:#f5f5f5;border: 1px solid;border-color: #777;font-size: 14px;/*color: #111*/}
select.wkwih option {padding: 4px;font-size: 14px;color: #111}
select.wkwih option#opt0 {color: #aaa !important}

.signed {float: right;margin: 0 10px 4px 0;font-size: 10px;color: #aaa}
.signed a {color: #999;text-decoration: none} 
.signed a:hover {color: #36f;text-decoration: underlined}


@media screen and (max-width: 541px) {
	#wubg {width: 96%}
	#wubgForm  h3 {padding: 2px 2px 8px 2px;font-size: 16px}
	#wubgForm label.flCapt div.fl-pt2 {margin: 0 60px 0 0}
	.clear-sm {clear: both}
}