@charset "utf-8";

/* Created: 2010-04-06 */		
/* Company: Euroweb Internet GmbH */

/*************************************************************************/
/* =contact / newsletter / guestbook */
/*************************************************************************/

form.Kontaktformular {
   margin: 20px 0;
   padding:0 0 20px 0;
   font:normal 12px/18px Arial, Helvetica, sans-serif;
}

/* ---------- Shared styles for labels and input fields  ---------- */

form.Kontaktformular label,
form.Kontaktformular input,
form.Kontaktformular textarea,
form.Kontaktformular select {	
   color:#000;
   margin:0 0 6px 0;
   padding:4px;
   width:295px;
   display:block;
}

/* ---------- Special styles for input fields, select lists and textareas only ---------- */

form.Kontaktformular input,
form.Kontaktformular textarea,
form.Kontaktformular select {
   background:#fcfcfc;
   border-top:1px solid #7c8084;
   border-right:1px solid #a4a7aa;
   border-bottom:1px solid #cdcfd1;
   border-left:1px solid #a4a7aa;
}

/* ---------- For better usability, change the look of your form fields when they are focused ---------- */

form.Kontaktformular input:focus,
form.Kontaktformular textarea:focus {
   background:#fefcf2;
   border:1px solid #810404;
}

form.Kontaktformular textarea {
   height:163px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	
}

/* ---------- Label styles ---------- */

form.Kontaktformular label {
   margin:0 5px 3px 0;
   padding:2px 15px 4px 0;		
   width:auto;
   font-weight:bold;
   display:inline;				
}

/* ---------- If you want to display legends, just remove the display:none here and add your own styles ---------- */

form.Kontaktformular 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;
   float:left;
   margin:3px 0 0 0;
}

* + html form.Kontaktformular input.radio {
	margin: 0;
}

form.Kontaktformular input.radio {
	margin: 0 \0/;
}

form.Kontaktformular label.radio {
   width:auto;
   float:left;
   font-weight:normal;	
}

/* ---------- Checkboxes ---------- */

form.Kontaktformular input.checkbox {
   background:transparent;
   border:none;
   width:20px;
   float:left;
	margin:3px 10px 0 0;
}

form.Kontaktformular label.checkbox {	
   width:35px !important;
   float:left;
   font-weight:normal;
}

form.Kontaktformular input.last {
	margin-bottom: 15px;
}

/* ---------- Select lists - make them a bit larger than your input fields ---------- */

form.Kontaktformular select {
   width:286px;
}

/* ---------- Submit button ---------- */

form.Kontaktformular input#submit {
	background:url(../images/submit-button.png) no-repeat 0 0;
   border:none;
   color:#fff;
   cursor:pointer;
   font-size:16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   display:inline;
   margin:0 0 0 153px;
   padding: 0px 5px 10px;
   width:160px;
	height: 40px;
}


/* ---- Won't show in IE6 - but why should everyone else miss all the fun? ---- */

form.Kontaktformular input#submit:hover {
   background:url(../images/submit-button.png) no-repeat 0 -40px;
	width:160px;
	height: 40px;
}

/* ---------- Remove the following styles if you don't need the field "Rueckruf" ---------- */

form.Kontaktformular label#label-telefon {
   width:45px;
   float:left;
   font-weight:bold;
	margin-bottom: 0;
   padding-bottom: 0;
}

form.Kontaktformular label#label-rueckruf {
   width:40px;
   float:left;
}

form.Kontaktformular input#Telefon {
   width:295px;
   float:left;
}

/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */

form.Kontaktformular label.required {
   background:url(../images/icon-required.png) top right no-repeat;	
}

/* ---------- 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;
}

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

div#meldung {
   background:#aa0132;
   border:1px solid #ccc;
   margin:0 0 15px 0;
   padding:20px;
   width:300px;
}

/*************************************************************************/
/* =form validation */
/*************************************************************************/

.formError {
   position:absolute;
   top:300px; left:300px;
   padding-bottom:13px;
   display:block;
   z-index:5000;
   cursor:pointer;
	margin-left: -100px;
}

#debugMode{
   background:#000;
   position:fixed;
   width:100%; height:200px;
   top:0; left:0;
   overflow:scroll;
   opacity:0.8;
   display:block;
   padding:10px;
   color:#fff;
   font-size:14px;
   z-index:100000;
}
		
.ajaxSubmit {
   padding:20px;
   background:#55ea55;
   border:1px solid #999;
   display:none
}

.formError .formErrorContent {
   width:100%; 
   background:#810404;
   color:#fff;
   width:130px;
   font:0.7em/1.4em Arial, Helvetica, sans-serif;
   box-shadow: 0px 0px 6px #666666;
   -moz-box-shadow: 0px 0px 6px #666666;
   -webkit-box-shadow: 0px 0px 6px #666666;
   padding:4px 10px 4px 10px;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

.greenPopup .formErrorContent {
   background:#33be40;
}
			
.blackPopup .formErrorContent {
   background:#393939;
   color:#fff;
}
			
.formError .formErrorArrow{
   position:absolute;
   bottom:0;left:20px;
   width:15px; height:15px;
   z-index:5001;
}

.formError .formErrorArrowBottom{
   top:0;
   margin:-6px;
}
			
.formError .formErrorArrow div{
   /*border-left:2px solid #cccccc;
   border-right:2px solid #cccccc;*/
   /*box-shadow: 1px 2px 3px #cccccc;
   -moz-box-shadow: 1px 2px 3px #cccccc;
   -webkit-box-shadow: 1px 2px 3px #cccccc;*/
   font-size:0px;
   height:1px;
   background:#810404;
   margin:0 auto;
   line-height:0px;
   font-size:0px;
   display:block;
}

.formError .formErrorArrowBottom div{
   box-shadow:none;
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
}
					
.greenPopup .formErrorArrow div {
   background:#810404;
}

.blackPopup .formErrorArrow div {
   background:#810404;
   color:#fff;
}

.formError .formErrorArrow .line10 {
   width:15px;
   border:none;
} 

.formError .formErrorArrow .line9 {
   width:13px;
   border:none;
} 

.formError .formErrorArrow .line8 {
   width:11px;
} 

.formError .formErrorArrow .line7 {
   width:9px;
} 

.formError .formErrorArrow .line6 {
   width:7px;
} 

.formError .formErrorArrow .line5 {
   width:5px;
} 

.formError .formErrorArrow .line4 {
   width:3px;
} 

.formError .formErrorArrow .line3 {
   width:1px;

}
 
.formError .formErrorArrow .line2 {
   width:3px;
   border:none;
   background:none;
}

.formError .formErrorArrow .line1 {
   width:1px;
   border:none;
   background:none;
}

/*************************************************************************/
/* =guestbook */
/*************************************************************************/

/* ---------- disable smileys ---------- */

.entry_icons_label, .entry_icons, .clicksmilies_label, .clicksmilies {
   display:none;
}

/* ---------- pagenav ---------- */

.tca { 
   background:#ccc;
}

.hinweis a, .hinweis { 
   font-size:12px; 
}

/* ---------- each entry ---------- */

div.guestbook_entry {
   background:transparent;
   border-top:1px dashed #000;
   padding:10px 0 10px 0;
   width:auto;
   margin:15px 0;
}

.guestbook_entry_top {
   font-weight:bold;
}