@charset "utf-8";


#con 						{	line-height: 1.5em;}

DIV#errormessage			{	color: #ff0000;}
DIV#errormessage ul 		{	margin-top: 10px;}

#anfrageformular			{ width:816px; background-color:#c5bfb7; padding-left:0px;}
#anfrageformular h1			{ font-family:Arial, Geneva, sans-serif; font-size:30px; color:#000000; font-weight:normal;					}
#anfrageformular h3			{ padding-left:5px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#000000; font-weight:normal;	padding-top:10px;				}
form#mail					{ width:816px;	margin: 0;	margin-top: 25px;	padding: 0;	font-family: Arial, Arial, Helvetica, Sans-Serif;}
form#mail fieldset 			{ padding-top:16px; font-size:12px; color:#000000; background-color:#FFFFFF; }

form#mail #col-1 			{position: relative; float:left; width:calc(100% - 20px); margin:10px;}
form#mail #col-1 label   	{position: relative; float:left; width:100%;}

form#mail #col-1.submit   	{text-align:center;}

form#mail #col-2 			{position: relative; float:left; width:calc(50% - 20px); margin:10px;}
form#mail #col-2 label   	{position: relative; float:left; width:100%;}

form#mail #col-3 			{position: relative; float:left; width:calc(33.3% - 20px); margin:10px;}
form#mail #col-3 label   	{position: relative; float:left; width:100%;}

form#mail input 			{margin:0; padding:0; width:100%; background-color: #e3e0db;}
form#mail input[type="submit"] 			{cursor:pointer; color:#000; max-width:200px; height:35px;}

form#mail select 			{ cursor:pointer;}

form#mail #anreise2			{ display:none; background-color:#e3e0db;  }

form#mail label span 		{ color: #ff0000;}

form#mail select.medium 	{ width: 100%;	border-width: 1px; background-color:#e3e0db; color:#000000; border-style:solid; border-color:#e3e0db;}
form#mail select.small 		{ width: calc(33% - 10px);	border-width: 1px; background-color:#e3e0db; color:#000000; border-style:solid; border-color:#e3e0db;}
form#mail textarea			{ width: 100%;	border-width: 1px; background-color:#e3e0db; color:#000000; border-style:solid; border-color:#e3e0db;}

form#mail input#privacy, form#mail input#newsletter,  form#mail input#anfrage_typ 	{	width: auto;	margin-bottom: 10px;  	width: 16px;	height: 16px;	vertical-align: middle;	border-style: none; background-color:#e3e0db;}
form#mail input#zip			{	width: 70px;}
form#mail input#city			{padding-left:10px; width: calc(100% - 90px);}


input#submit		{	 color:#FFF; text-transform:uppercase;	background-color: #e3e0db;	margin-left: 15px; height:30px; width:180px; border-style:solid; border-color:#e3e0db;}


form#mail DIV#required 		{	color: #535353;	margin-top: -20px;	margin-bottom: 20px;	font-size: 0.9em;}
form#mail DIV#required span {	color: #ff0000;}
form#mail SPAN#error 		{	color: #ff0000;	font-weight: bold;	margin-left: 10px;}
form#mail SPAN#error_t		{	color: #ff0000;	font-weight: bold;	margin-left: 10px;	vertical-align: top;}
form#mail SPAN#comment 		{	font-size: 0.8em;	margin-left: 10px;	vertical-align: top;}
form#mail LABEL.radio 		{	width: auto;	color: #000;	margin: 0;	vertical-align: top;}
form#mail IMG.cal			{	cursor: pointer;}

form#mail input, form#mail select 			{height:20px;}

@media screen and (max-width: 924px){
/*Formular*/

div#anfrageformular, form#mail {width:100%;}
div#fieldset {background:#fff;}
div#fieldset fieldset {max-width:800px;}
form#mail input, form#mail select 			{height:30px;}

}

@media screen and (max-width: 600px){
/*Formular*/
form#mail select.small 		{ width: 100%;}
form#mail #col-3 		{ width: calc(100% - 20px);}
}

@media screen and (max-width: 450px){
/*Formular*/
form#mail #col-2 		{ width: calc(100% - 20px);}
}