/* ==========================================================================
   (SM)ALL: 
   ========================================================================== */
   
	.tooltip {
		background-color:#384130;
		border:1px solid #999966;
		padding:10px 15px;
		margin: 0 0 0 275px;
		width:220px;
		display:none;
		color:#fff;
		text-align:left;
		font-size:0.75em;
		line-height:1.25em;
	 
		/* outline radius for mozilla/firefox only */
		-moz-box-shadow:0 0 10px #000;
		-webkit-box-shadow:0 0 10px #000;
	}
	
	
	

/* ==========================================================================
   (SM)ALL: Contact Form
   ========================================================================== */

	.overlay {
		background: url(../images/fancybox_overlay.png);
		color: #333;
		min-height: 100%;
		min-width: 100%;
		position: fixed;
		width: 100%;
		z-index: 400;
		height: 100%;
		top: 0px;
		display:none;
	}
	.overlay img {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -12px;
		margin-left: -12px;		
	}


	#contactus { margin:0 0 0 0; padding:0; }
	#contactus fieldset {
		width:100%;
		padding:0px;
		margin:0;
		border:0px solid #ccc;
	}
	#contactus label {
		margin-top: 1em;
		float:left;
		text-align:left;
		padding-right:0px;
		width:94%;
	}
	#contactus input[type="text"], #contactus input[type="email"], #contactus input[type="tel"]  {
		margin-top: 0.3em;
		background-color: #fff; 
		width:92%; 
		height: 1.6em; 
		border:1px solid #ccc; 
		text-align:left; 
		padding: 0 2% 0 2%;
	}
	
	/* --- Formatierung fuer Strasse und Hausnummer --- */
	#contactus .fcontainer p {  float:left; margin:0; padding:0; width:100%;  }

	#contactus input[type="text"]:focus, #contactus input[type="email"]:focus, #contactus input[type="tel"]:focus {
		background-color: #fff; 
		border: 1px solid #6f766a; 
	}
	#contactus textarea {
		margin: 0.3em 0 0.8em 0;
		background-color:#fff;
		border:1px solid #ccc; 
		height:140px;
		width:95%; 
		resize: none;
		padding-left: 3px;
	}
	
	#contactus select { 
		margin-top: 0.3em;
		height: 1.8em;
		width:96%; 
		border:1px solid #ccc; 
		padding: 0;
	}
	#contactus #scaptcha { width:92%; height: 1.6em; }
	#contactus #scaptcha_img { margin-left:0px; }
	#contactus input[type="submit"] {
		padding: 0 2% 0 2%;
		margin: 20px 0 0 0;
		cursor:pointer;	
		background-color: #ffffff; 
		width:96%; 
		height: 1em; 
		border:1px solid #ccc; 
		color: #000; 
		text-align:center;
		height: 1.8em;
	}

	#contactus input[type="submit"]:hover { background-color: #dedeba; color: #000; }
	#contactus input[type="text"]:focus, #contactus textarea:focus {
		color: #4f5840;
		border: 1px solid #6f766a; 
		background-color: #fff;
		font-weight:normal;
	}
	#contactus select:focus {
		color : #4f5840;
		border: 1px solid #6f766a; 
		background-color : #fff;
		font-weight:normal;
	}
	#contactus .fcontainer {
		margin-top:0px;
		margin-bottom:0px;
		display:block;
		clear:both;
	}
	#contactus .error {
		font-family: Arial,Helvetica,Monaco,Sans-Serif;
		font-size: 1em;
		color: #ff0000;
		width:92%; 
		margin-bottom:0px;
		display:block;
		margin: -2px 0 3px 0px;
	}
	#contactus fieldset#antispam {
		padding:2px;
		border-top:1px solid #EEE;
		border-left:0;
		border-right:0;
		border-bottom:0;
		width:350px;
	}
	#contactus fieldset#antispam legend {
	   font-family: Arial, sans-serif;
	   font-size: 0.8em;
	   font-weight:bold;
	   color:#333;   
	}
	#contactus .short_explanation {
	   font-family: Arial, sans-serif;
	   font-size: 0.6em;
	   color:#333;
	   margin: -3px 0 3px 0px;
	   padding:0;
	}
	#contactus .short_explanation2 {
		clear:both;
		display:block;
	   font-family: Arial, sans-serif;
	   font-size: 0.8em;
	   line-height: 1.2em;
	   margin: -10px 0 3px 0px;
	   padding:0;
	}	
	/* spam_trap: This input is hidden. This is here to trick the spam bots*/
	#contactus .spmhidip {
	   display:none;
	   width:10px;
	   height:3px;
	}
	#fg_crdiv {
	   font-family: Arial, sans-serif;
	   font-size: 0.3em;
	   opacity: .2;
	   -moz-opacity: .2;
	   filter: alpha(opacity=20);   
	}
	#fg_crdiv p { display:none; }
	
	/* styling file input */
	#contactus #file {
		display:none;
		margin: 0.3em 0 3em 0;
		background-color: #fff; 
		width:95%; 
		height: 1.3em; 
		border:1px solid #ccc; 
		text-align:left;
		float:left; 
		cursor:pointer;
		overflow:hidden;
		padding:8px 0 0 3px;
	}
	#contactus .fclear {
		clear:both; 
	}
	#contactus #file:focus {
		background-color: #fff;
		border: 1px solid #6f766a; 
	}
	#contactus label.filelabel {
		margin-top:8px;	
	}
	
	


@media only screen and (min-width: 768px) {
	
/* ==========================================================================
   WIDE: Contact Form
   ========================================================================== */

	#contactus { margin:0 0 0 0; padding:0; }
	#contactus fieldset {
		width:100%;
		padding:0px;
		margin:0;
		border:0px solid #ccc;
	}
	#contactus label {
		margin-top: 1.3em;
		float:left;
		text-align:right;
		padding-right:10px;
		width:140px;
	}
	#contactus input[type="text"], #contactus input[type="email"], #contactus input[type="tel"]  {
		margin-top: 1em;
		background-color: #fff; 
		width:367px; 
		height: 1.6em; 
		border:1px solid #ccc; 
		text-align:left; 
		padding-left: 3px;
	}	
	
	/* --- Formatierung fuer Strasse und Hausnummer --- */
	#contactus label.clnumber { width:70px; padding: 0 10px 0 0; }	
	#contactus input[type="text"].clstreet { width:249px; padding:0; }
	#contactus input[type="text"].clnumber { width:38px; padding:0; }	
	#contactus .fcontainer p { float:left; margin:0; padding:0; width:auto;  }
	#contactus .fcontainer p.clnumber { width:120px;  } 
	#contactus_housenumber_errorloc { clear:both;}
	/* --- */	

	#contactus input[type="text"]:focus, #contactus input[type="email"]:focus, #contactus input[type="tel"]:focus {
		background-color: #fff;
		border: 1px solid #6f766a; 
	}
	#contactus textarea {
		margin: 1em 0 0 0;
		background-color:#fff;
		border:1px solid #ccc; 
		height:140px;
		width:367px; 
		resize: none;
		padding-left: 3px;
	}
	#contactus select { 
		margin-top: 1em;
		height: 1.6em;
		width:367px; 
		border:1px solid #ccc; 
		padding:0;
		padding: 3px 0 0 0;
	}
	#contactus #scaptcha { width:367px; height: 1.6em; }
	#contactus #scaptcha_img { margin-left:150px; }
	#contactus input[type="submit"] {
		padding: 5px;
		margin: 20px 0 0 150px;
		cursor:pointer;	
		background-color: #ffffff; 
		width:367px; 
		height: 1em; 
		border:1px solid #ccc; 
		color: #000; 
		text-align:center;
		height: 1.8em;
	}
	
	#contactus input[type="submit"]:hover { background-color: #dedeba; color: #000; }
	#contactus input[type="text"]:focus, #contactus textarea:focus {
		color: #4f5840;
		border: 0px solid #990000;
		background-color: #fff;
		font-weight:normal;
		border: 1px solid #6f766a; 
	}
	#contactus select:focus {
		color : #4f5840;
		border: 1px solid #6f766a; 
		background-color : #fff;
		font-weight:normal;
	}
	#contactus .fcontainer {
		margin-top:0px;
		margin-bottom:0px;
		display:block;
		clear:both;
	}
	#contactus .error {
		font-family: Arial,Helvetica,Monaco,Sans-Serif;
		font-size: 1em;
		color: #ff0000;
		width:60%; 
		margin-bottom:0px;
		display:block;
		margin: 0px 0 3px 150px;
	}
	#contactus fieldset#antispam {
		padding:2px;
		border-top:1px solid #EEE;
		border-left:0;
		border-right:0;
		border-bottom:0;
		width:350px;
	}
	#contactus fieldset#antispam legend {
	   font-family: Arial, sans-serif;
	   font-size: 0.8em;
	   font-weight:bold;
	   color:#333;   
	}
	#contactus .short_explanation {
	   font-family: Arial, sans-serif;
	   font-size: 0.6em;
	   color:#333;
	   margin: 0 0 3px 150px;
	   padding:0;
	}
	#contactus .short_explanation2 {
	   font-family: Arial, sans-serif;
	   font-size: 0.8em;
	   line-height: 1.2em;
	   margin: 0 0 3px 150px;
	   padding:0;
	   width:372px; 
	}
	/* spam_trap: This input is hidden. This is here to trick the spam bots*/
	#contactus .spmhidip {
	   display:none;
	   width:10px;
	   height:3px;
	}
	#fg_crdiv {
	   font-family: Arial, sans-serif;
	   font-size: 0.3em;
	   opacity: .2;
	   -moz-opacity: .2;
	   filter: alpha(opacity=20);   
	}
	#fg_crdiv p { display:none; }
	/* styling file input */
	#contactus #file {
		display:none;
		margin: 1.3em 0 0 0;
		background-color: #fff; 
		width:363px; 
		height: 1em; 
		border:1px solid #ccc; 
		text-align:left; 
		cursor:pointer;
		overflow:hidden;
		padding:8px 0 0 3px;
		float:none;
	}
	#contactus #file:focus {
		background-color: #fff;
		border: 1px solid #6f766a; 
	}
	#contactus label.filelabel {
		margin-top:8px;	
	}
	
}

@media only screen and (min-width: 1024px) {

/* ============
    EXTRA WIDE: 
   ============ */

		.tooltip {
		background-color:#384130;
		border:1px solid #999966;
		padding:10px 15px;
		margin: 0px 0 0 650px;
		width:220px;
		display:none;
		color:#fff;
		text-align:left;
		font-size:0.75em;
		line-height:1.25em;
			 
		/* outline radius for mozilla/firefox only */
		-moz-box-shadow:0 0 10px #000;
		-webkit-box-shadow:0 0 10px #000;
	}  
	 
}


/* iPad [landscape + portrait] */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	
/* ====================
    iPad: Contact Form
   ==================== */
   
   	#contactus label {
		font-size:0.7em;
		margin-top: 1.9em;
	}
	#contactus p label {
		font-size:1em;
		margin-top: 2.1em;
	}
	#contactus p input[type="text"] {
		height: 2.4em; 
		margin-top: 1.7em;
	}	
	#contactus p .error {
		font-size:1.4em;
	}	
	#contactus textarea {
		margin: 1em 0 0 0;
		width:357px; 
	}	
	#contactus #file {
		width:357px; 
	}	
	#contactus select { 
		width:365px; 
	}	
	#contactus input[type="submit"] {
		width:365px; 
	}	
	.tooltip {
		margin: 0px 0 0 0px;	
		width:100px;
	}
	
}

/* iPad [portrait] */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	#contactus label { width:25%; }
	#contactus input[type="text"], #contactus input[type="email"], #contactus input[type="tel"] { width:60%; }
	#contactus textarea { width:62%; }
	#contactus select { width:63%; }
	#contactus #scaptcha { width:63%; }
	#contactus input[type="submit"] { width:63%; }
	#contactus .error { width:63%; }
	#contactus fieldset#antispam { width:310px; }
	#contactus #file { width:62%; }
	
	/* --- Formatierung fuer Strasse und Hausnummer --- */
	#contactus label.clnumber { width:70px; padding: 0 10px 0 0; }
	#contactus label.clstreet { width:36%; padding: 0 10px 0 0; }
	#contactus input[type="text"].clstreet { width:215px; padding:0; }
	#contactus input[type="text"].clnumber { width:28px; padding:0; }	
	#contactus .fcontainer p { float:left; margin:0; padding:0; width:360px;  }
	#contactus .fcontainer p.clnumber { width:110px;  } 
	/* --- */	
	
.short_explanation2 {

	   margin: 0 0 3px 150px;
	   padding: 0 50px 0 0;
	   width:322px; 
	}
	
}