@charset "UTF-8";

@media screen, projection { 
/* -- - - - - - - Reset CSS - - - - - - - - - -- */
/* Meyer Reset v1.0 | 20080212. */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
 html * { font-size:100.01%; }

 /* -------------- Fonts | Schriften --------------------- */

body { font: 0.9em/1.6 Verdana, Helvetica, Arial, sans-serif; }

 /* -------------- Headings | Überschriften -------------- */

 h1 { font-family:Tahoma,Helvetica,Arial,Sans-Serif; font-weight:normal; margin: 0.5em 0 0.7em 0; color: #542e02;}
 h1 {margin: 0 0 0.7em 0; font-size: 220%;}

 /* -------------- general text formatting | Allgemeine Textauszeichnung --*/

 p { 
 	line-height: 1.2em; margin: 0 0 0.4em 0;
	color: #fff;
}

 /* ---------- Hauptinhalt | Maincontent ---------- */

.content_kontakt {
	background-repeat:no-repeat;
	background-position:top center;
	width: 700px;
	height:640px;
	position:relative;
	margin:0 auto;
	background: transparent url('../gfx/kontakt_bg.png');	
}
.content_kontakt h1 {text-indent:-9999px;} /* -- Image Replacement -- */

 /* ---------- Links ---------- */

 a {color: #ccc}
 a:hover, a:focus, a:active {color: #fff;}
 
 /* ---------- cform | Kontaktformular ---------- */
 
 .contactcontent {
	margin: 50px 10px 0 10px;
	padding: 10px;
}
 .contactcontent p { padding: 0 30px; color: #fff }
 .formular, #gesendet {
	padding: 40px 40px 0 40px;
}
 .zemSubmit { margin-top: 10px;}
 .cform {height: auto;}
 .cform legend { font-size: 145%; font-weight: bold; color: #e08225; padding-bottom: 5px; }
 .cform label { color: #e08225; font-weight: bold; padding: 8px 0 3px 0; }
 .cform input,.cform textarea {
	font-family:  Arial, Helvetica, sans-serif;
	border: 1px solid #1e1915;
	display: block;
	position: relative;
	padding: 0.3em 0.3em;
	width: 250px;
	background-color: #E5E5E5;
}
 .cform input, .cform textarea {
	color:#000;
	background-color: #E2E2E2;
}
 .cform input:focus, .cform textarea:focus, .cform input:hover, .cform textarea:hover, .cform input:active, .cform textarea:active {
	border: 1px #1e1915 solid;
	background-color: #C3C3C3;
}
 .cform { overflow: hidden; }
 .cform fieldset { overflow: hidden; }
 .cform legend { background: transparent; border: 0; }
 .cform label {
	display:block;
	cursor: pointer;
	color: #FAFAFA;
}
 .cform p {
	 padding: 80px 0 0 0; margin: 0; 
}
 .cform input[type=hidden] { display: none !important; }
 #gesendet {
	margin-top: 35px;
	font-size: 12px;
	color: #fff;
	padding: 10px;
	width: 300px;
}
 #gesendet p {
	color: #fff !important;
	line-height: 18px;
} 

}
#gesendet p strong {
	line-height: 50px;
}

#gesendet h2 {
	padding: 20px 0 10px 30px;
}

#kontaktdaten {
	width: 250px;
	/*float: left;*/
	height: 240px;
	padding-top: 125px;
	float: left;
	display: block;
}
#kontaktdaten h2 {
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 12px;
}

#kontaktdaten p {
	padding-left: 20px;
	font-size: 12px;
	line-height:12px;
	color: #fff;
}
#form { float: left; padding: 0; margin: 0; border: 0 }
.alert { color: #F90; }
.nosee { text-indent: -9999em; display: none !important; }