@charset "utf-8";

@import url('../../templates/tengwood/custom/fonts/style.css');

html {
        -webkit-text-size-adjust: none; 
}

.contentNarrow, .contentTablet {
	display:none;
}

.contentWide {
        position:relative;
}
#contactform-wrapper,
#contactform-wrapper label,
#contactform-wrapper input.inputfield,
#contactform-wrapper select,
#contactform-wrapper textarea,
#contactform-wrapper #submit,
#contactform-wrapper #submit-narrow,
#contactform-wrapper #reset,
#contactform-wrapper #reset-narrow,
#contactform-wrapper #captcha_word,
#contactform-wrapper #captcha_word-narrow,
#contactform-wrapper legend,
#contactform-wrapper #reload_form {
        font-family:"Praxis W01 Regular";
	font-size: 15px;
	line-height:24px;
	font-weight: normal;
	font-style: normal;
	color:#000;
}

#contactform-wrapper .input-desc,
#captcha_desc,
#captcha-calc,
#captcha_desc-narrow,
#captcha-calc-narrow,
#contactform-wrapper label {
	color:#000;
}
#contactform-wrapper textarea,
#contactform-wrapper input.inputfield {
  width:95%;
  max-width:440px;
}

.contactform-table-1  {
	float:left;
}
.contactform-table  {
	width:100%;
}

#contactform-wrapper textarea {
	height:140px;
}


body, 
#contactform-wrapper {
	margin: 0px;
	padding:0px;
  	background-color: #93d9a9;
	height:100%;
}

#contactform-wrapper .col-2 {
}

#contactform-wrapper a:link,
#contactform-wrapper a:visited {
	color: #aa1428;
	text-decoration: none;
}

#contactform-wrapper a:hover {
	color: #ff0000;
	text-decoration: underline;
}

#contactform-wrapper li {
	margin:0px;
}

#contactform-wrapper input,
#contactform-wrapper textarea,
#contactform-wrapper select {
	margin: 1px;
}

#contactform-wrapper fieldset {
	display: block;
	background-color:transparent;
	border: 0px solid #ccc;
	margin:0;
	padding:0;
}

/* Fieldset um Dankesmeldung */
#contactform-wrapper .rahmen {
	display: block;
	padding: 0px;
	background-color: transparent;
}

#contactform-wrapper label.left,
#contactform-wrapper div.label_spacer {
	float: left;
	text-align: left;
	width: 170px;
	margin-right: 0.5em;
	margin-left: 0;
	margin-top:2px;
}

#contactform-wrapper .checkboxgroup-container,
#contactform-wrapper .radio-container {
        margin-left:180px;
}

#contactform-wrapper .radio-row {
	padding-top:5px;
	float:left;
}
#contactform-wrapper .radio-row input {
	float:left;
	margin-right:5px;
	margin-top:3px;
}
#contactform-wrapper .radio-row label {
	white-space:normal;
	width:80%;
}

#contactform-wrapper .container_form_field {
  margin-bottom:3px;
  display:block;
}

#contactform-wrapper select,
#contactform-wrapper #captcha_word,
#contactform-wrapper #captcha_word-narrow,
#contactform-wrapper input[type=text],
#contactform-wrapper textarea {
	border: 1px solid #ddd;
	background-color:#fff;
}

#contactform-wrapper input[type=text] {
	float: left;
	margin-top:2px;
}

#contactform-wrapper form br {
	clear: both;
}

/* Dankesmeldung */
#contactform-wrapper .absenden {
	color:#000;
	font-weight:normal;
	margin-left:0px;
	font-style: normal;
}

#contactform-wrapper .fehler {
	color:#FF0000;
	font-weight:normal;
	margin-left:5px;
}
#contactform-wrapper span.left {
	margin-right:10px;
}
#contactform-wrapper div.left {
	margin:10px;
}
#contactform-wrapper .required_flag_container {
  width:5px;
  display:inline-block;
}

#contactform-wrapper label {
	display:inline-block;
	vertical-align:top;
	white-space:nowrap;
}

#contactform-wrapper .label-desc {
	display:inline-block;
	margin-left:9px;
}

#contactform-wrapper .input-desc {
	display:inline-block;
	margin-left:140px;
}

#contactform-wrapper td {
	width: 50%;
	vertical-align: top;
}

#fieldset_form_fields {
	margin-bottom:10px !important;
}

#captcha-label,
#captcha-label-narrow {
	float:left;
}

#captcha-calc {
        display:inline-block;
        margin-left:40px;
        vertical-align:top;
}
#captcha-calc-narrow {
        display:inline-block;
        vertical-align:top;
}

#contactform-wrapper .captcha-one-line {
        float:left;
        padding-left:10px;
}

#contactform-wrapper .copyself-one-line {
	margin-right:13px !important;
}

#contactform-wrapper .copyself-one-line,
#contactform-wrapper .submit-one-line {
        float:right;
	margin-top:22px;
}

.contentNarrow .copyself-one-line,
.contentNarrow .submit-one-line {
	float:left !important;
}
.contentNarrow .copyself-one-line {
	width:90%;
}


.button-container {
	position:absolute;
	right:0;
	top:40px;
}

.contentNarrow .button-container {
	float:none;
	width:100%;
}

#reset-narrow {
	float:left !important;
}
#submit-narrow {
	float:right !important;
}

#submit,
#reset,
#submit-narrow,
#reset-narrow,
button {
        font-family:"Praxis W01 Regular";
	border:1px solid #dadada;
	font-size:15px;
	line-height:24px;
	height:25px;
}


@media (min-width:981px) {
.contentTablet {
	display:none;
}
}

/* TABLET */
@media (max-width: 640px) {
/*
.contentTablet {
        display:block;
	clear:both;
	width:100%;
}
#contactform-wrapper .checkboxgroup-container,
#contactform-wrapper .radio-container {
        margin-left:0px;
}
*/
.button-container {
	position:absolute;
	right:0;
	top:100px;
}
#contactform-wrapper label.left,
#contactform-wrapper div.label_spacer {
	width: 140px;
}

#contactform-wrapper textarea,
#contactform-wrapper input.inputfield {
  width:95%;
  max-width:310px;
}
#contactform-wrapper .checkboxgroup-container,
#contactform-wrapper .radio-container {
        margin-left:149px;
}
}
/* TABLET Portrait */
@media ((min-width:668px) and (max-width: 724px)) or ((min-width:726px) and (max-width: 767px)){
.contentTablet {
        display:block;
	clear:both;
	width:100%;
}
#contactform-wrapper textarea,
#contactform-wrapper input.inputfield {
  width:200px;
  max-width:200px;
}
#contactform-wrapper label.left,
#contactform-wrapper div.label_spacer {
  width:100px;
}
#contactform-wrapper .input-desc {
	margin-left:190px;
}
}

/* PHONE */
@media (max-width: 489px) {
.button-container {
	position:relative;
	top:0;
}

.contactform-table  {
	width:100%;
}
#contactform-wrapper textarea,
#contactform-wrapper input.inputfield {
  width:90%;
  max-width:280px;
}
#contactform-wrapper label.left,
#contactform-wrapper div.label_spacer {
  width:140px;
}
#contactform-wrapper .input-desc {
  margin-left:0px;
}
.contentWide {
        display:none;
}
.contentNarrow {
        display:block;
	clear:both;
	width:100%;
}
#contactform-wrapper .rahmen {
	max-width:250px;
}
#contactform-wrapper .error-container {
	padding-top:10px;
}
#captcha-calc-narrow {
	margin-top:5px;
}
#contactform-wrapper .checkboxgroup-container,
#contactform-wrapper .radio-container {
        margin-left:0px;
}
}