@charset "utf-8";
/* -------------- Contact form CSS -------------
##### Change these styles at whim to match your own site layout and look #### */



/* ---------- Styles for the form element itself  ---------- */
form#Kontaktformular {
	font:1.3em Arial, Helvetica, sans-serif;
	width:auto;
	margin:0;
	padding:0 0 30px 0;
	clear:both;
}


#Land, #Hausnummer, #label-land, #label-hausnummer {
	display:none!important;
}




/* ---------- Shared styles for labels, input fields, textareas, select lists  ---------- */
form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea, form#Kontaktformular select, 
form#LoginForm label, form#LoginForm input, form#LoginForm textarea, form#LoginForm select {	
	margin:0 0 10px 0;
	color:#480c17;
	padding:2px 2px 2px 2px;

   
	/* ---- These are here for a reason - don't remove if not necessary ---- */
	display:block;
	float:left;
}


/* ---------- Special styles for input fields, select lists and textareas only ---------- */
form#Kontaktformular input, form#Kontaktformular textarea , form#Kontaktformular select, form#LoginForm input{
	font:1.0em Arial, Helvetica, sans-serif;
	background-image:url(../images/bg1.html);
	background-repeat:repeat;
	background-position:0 0;
	background-color:#5d3f3f;
	border:1px solid #5d3f3f;
	color:#e7e1d5;
	width:74%;
	/*border-radius:6px;
	-moz-border-radius:6px;
	-web-border-radius:6px;*/
}

form#Kontaktformular textarea {
	
	height:205px;
	*height:205px;
	width:98%;
	*margin-left:-38px;
	
	/*border-radius:6px;
	-moz-border-radius:6px;
	-web-border-radius:6px;*/
}

/* ---------- For better usability, change the look of your form fields when they are focused ---------- */
form#Kontaktformular input:focus, form#Kontaktformular textarea:focus {
	border:1px solid #5d3f3f;
}



/* ---------- Label styles ---------- */
form#Kontaktformular label, form#LoginForm label {
	margin-right:4%;
	padding:2px 0 2px 0;		
	width:20%;
}


/* ---------- If you want to display legends, just remove the display:none here and add your own styles ---------- */
form#Kontaktformular legend,
form#LoginForm legend {
	display:none;
}


/* ---------- Fieldsets can be made visible by removing the default style here ---------- */
form#Kontaktformular fieldset {
	border:none;
}



/* ---------- Radio buttons ---------- */
form#Kontaktformular input.radio {
	background:transparent;
	border:none;
	width:20px;
	margin:0;
	margin-top:0px;
	margin-top:2px \9;
	*margin-top:0px;
	margin-right:5px;

}

form#Kontaktformular label.radio {
	width:auto;
}



/* ---------- Checkboxes ---------- */
form#Kontaktformular input.checkbox {
	background:transparent;
	border:none;
	width:20px;
	margin-top:2px;
	margin-top:2px \9;		
	_margin-top:0px;
	*margin-top:0px;
	margin-right:5px;	
}

form#Kontaktformular label.checkbox {	
	width:90px;
}


/* ---------- Select lists - make them a bit larger than your input fields ---------- */
form#Kontaktformular select {
	width:286px;
}


/* ---------- Remove the following styles if you don't need the field "Rueckruf" ---------- */
/*form#Kontaktformular label#label-telefon {
	width:45px;
}*/

form#Kontaktformular label#label-rueckruf,
form#Kontaktformular label#label-infomaterial {
	width:63px;
}

/*form#Kontaktformular input#Telefon {
	width:43%;
	/**width:223px;
	width:219px\0/IE8+9;  IE8+9 hack 
}*/

form#Kontaktformular #label-nachricht{
	width:100px;
}

/* ---------- Submit button ---------- */
form#Kontaktformular input#submit, form#LoginForm input#submit{
	background:url(../images/bg-linie.gif) top center repeat-x;
	
	font:1.8em Georgia, "Times New Roman", Times, serif;
	color:#e6007e;
	font-style:italic;
	
	margin-bottom:15px;
	border:none;
	cursor:pointer;
	float:none;
	clear:both;
	
	/* Watch out! IE6 will double the left margin if the submit button is floated. To prevent this, provide only half the margin value to IE6. */
	margin:0 1% 0 1%;
	
	text-align:center;
	clear:both \9;
	/**margin:5px 0 0 70px;
	_margin:0 0 0 70px;*/
		
	padding:15px 0 0 0;
	width:98%;
	
	/*text-indent:-5000px;*/
	
}

form#Kontaktformular fieldset#submitbox{
	float:none;
	clear:both;
}

/* ---- Won't show in IE6 - but why should everyone else miss all the fun? ---- */
form#Kontaktformular input#submit:hover,
form#LoginForm input#submit:hover{
	color:#5d3f3f;
}




/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */
form#Kontaktformular label.required {
	background:url(../images/kontakt/icon-required.html) center right no-repeat;	
}


.reqcolor{
	color:#e6007e !important;
}


/* ---------- On user errors, required labels are style with these ---------- */
.error {
	color:#e6007e !important;
	font-weight:bold !important;
}



/* ---------- The error message - make it huge and hard to miss! :) ---------- */
/* ---------- The error message - make it huge and hard to miss! :) ---------- */

#fehlermeldung {
   position:fixed;
	background-color:#e9e5da;
   font:1.2em Arial, Helvetica, sans-serif;
	line-height:1.5em;
   display:none;
   padding:50px 25px 0 25px;
   text-align:center;
   width:185px;
	height:185px;
	margin:0 0 0 -120px;
   color: #5d3f3f;
   border-top:10px solid #b6a9a0;
   clear:both;
   top:210px;
   left:50%;
   z-index:10000;
	
	border-radius:300px;
	-moz-border-radius:300px;
	-web-border-radius:300px;
}



#fehlermeldung a#errorclose{
	color:#e6007e;
	text-decoration:none;
}

#fehlermeldung a#errorclose:hover{
	color:#5d3f3f;
}


/* ---------- Since by default labels and form fields are floated, the cleared br elements are required to keep them all in place ---------- */
form#Kontaktformular br {
	clear:left;
}


/* ---------- Without these styles, some browsers show a huge gap where the hidden fields are. Don't remove them unless you know what you're doing! ---------- */
form#Kontaktformular fieldset.hidden, form#Kontaktformular input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}

form#Kontaktformular fieldset#adresse,
form#Kontaktformular fieldset#message{
	float:left;
	width:48%;
	float:left;
	padding:0;
	margin:0 1% 10px 1%;
}

/*form#Kontaktformular fieldset#message{
	margin-left:30px;
	width:250px;
	margin-left: 30px\0/IE8+9;
	*padding:6px 0 0 0;
}*/

























form.nlstyle{
	float:left;
	width:48%;
	float:left;
	padding:0;
	margin:0 1% 0 1%;
}

/*form#newsletter_subscribe,
form#newsletter_unsubscribe{
	margin-left:0;
}*/

form.nlstyle fieldset,
form.nlstyle form, 
form.nlstyle label, 
form.nlstyle legend, 
form.nlstyle input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font:1.1em Arial, Helvetica, sans-serif;
}

form.nlstyle input {
	vertical-align:middle
}

form.nlstyle label, form.nlstyle input[type="submit"] {
	cursor: pointer
}
form.nlstyle legend, form.nlstyle input[type="hidden"] {
	display: none
}

form.nlstyle br {
	clear: both;
}

form.nlstyle label,
form.nlstyle input {
	float: left; 
	margin-bottom:5px;
	color:#480c17;
}

form.nlstyle input {
	background-color:#5d3f3f;
	border:none;
	color:#e7e1d5;
	border:none;
	width:60%;
}

form.nlstyle label {
	width: 85px;
	padding-right:15px;
	display: block;
	background:none;
}

form.nlstyle input[type="radio"] {
	margin: 5px 5px 0 0;
}

form.nlstyle label.radio {
	width:75px;
	margin-bottom:25px;
}
form.nlstyle label.radio input {
	text-align: left; 
	width: 20px;
	background:none;
	vertical-align:top;
	margin-top:0px;
}

form.nlstyle input[type="text"],
form.nlstyle input[type="submit"] {
	padding: 2px 5px 2px 2px
}


form.nlstyle input[type="submit"] {
	background:none;
	
	font:1.6em Georgia, "Times New Roman", Times, serif;
	color:#e6007e;
	font-style:italic;
	
	display: inline-block;
	margin-left: 75px;
	width: 120px;
	margin-bottom: 20px;
	border:none;
}


form.nlstyle input[type="submit"]:hover {
	background:none;
	color:#5d3f3f;
}

#newsletter-info {
   position:fixed;
	background-color:#e9e5da;
   font:0.9em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	
   padding:70px 25px 0 25px;
   text-align:center;
   width:185px;
	height:165px;
	
   color: #5d3f3f;
	margin:0 0 0 -120px;
   border-top:10px solid #b6a9a0;
   clear:both;
   top:210px;
   left:50%;
   z-index:10000;
	
	border-radius:300px;
	-moz-border-radius:300px;
	-web-border-radius:300px;
}



div#content-main #newsletter-info p { margin:0}

div.nl-left,
div.nl-right{
	width:300px;
	float:left;	
}

div.nl-left{
	margin-right:27px;
}


#newsletter-info a#errorclose-nl{
	cursor:pointer;
}

#newsletter-info a#errorclose-nl{
	color:#e6007e;
	text-decoration:none;
}

#newsletter-info a#errorclose-nl:hover{
	color:#5d3f3f;
}