@charset "utf-8";

/* Created: 2010-04-06 */		
/* Company: MV-Promotion  */

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

form#Kontaktformular, form.newsletter {
   margin:0 0 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,
form.newsletter label,
form.newsletter input,
div#guestbook_template label,
div#guestbook_template input,
div#guestbook_template textarea,
div#guestbook_template select {	
   color:#000;
   margin:4px 0 0 0;
   padding:4px;
   width:180px;
   display:block;
}

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

form#Kontaktformular input,
form#Kontaktformular textarea,
form#Kontaktformular select,
form.newsletter input,
div#guestbook_template input,
div#guestbook_template textarea,
div#guestbook_template select,
div#guestbook_template input:focus,
div#guestbook_template textarea:focus {
   background:#fcfcfc;
   border:1px solid #CCC;
	box-shadow:inset 0 2px 5px #ccc;
	-moz-box-shadow:inset 0 2px 5px #ccc;
	-webkit-box-shadow:inset 0 2px 5px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

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

form#Kontaktformular input:focus,
form#Kontaktformular textarea:focus,
form.newsletter input:focus {
   background:#ECF5FF;
   border:1px solid #006;	
}

form#Kontaktformular textarea,
div#guestbook_template textarea {
   height:150px;
}

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

form#Kontaktformular label,
form.newsletter label,
div#guestbook_template label {
   margin:0 5px 3px 0;
   padding:2px 15px 4px 0;		
   width:70px;
   font-weight:bold;
   display:inline;
   color:#333;		
	
}

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

form#Kontaktformular legend,
form.newsletter legend {
   display:none;
}

/* ---------- Fieldsets can be made visible by removing the default style here ---------- */

form#Kontaktformular fieldset,
form.newsletter fieldset {
   border:none;
}

/* ---------- Radio buttons ---------- */

form#Kontaktformular input.radio,
form.newsletter input.radio {
   background:transparent;
   border:none;
   width:20px;
   float:left;
   margin:4px 0 0 0;
   margin /* *\ */:-1px 0 0 0\9 

}

*+html form#Kontaktformular input.radio,
form.newsletter input.radio{
	margin:0px 0 0 0;
}

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

}

form.newsletter label.radio {
   width:65px;
   float:left;
   font-weight:bold;	
}

form.newsletter label.radio-small {
   width:85px;
   float:left;
   font-weight:normal;	
}

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

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

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

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

form#Kontaktformular select {
   width:286px;
}

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

form#Kontaktformular input#submit,
form.newsletter input#eintragen,
form.newsletter input#austragen,
form.newsletter input#abschicken,
div#guestbook_template input#submit,
div#guestbook_template input.los {
   background:#034a71;
   background: -moz-linear-gradient(top,   #034a71, #05202f);
   color:#fff;
   cursor:pointer;
   font-size:1.2em;
   font-weight:bold;
   display:inline;
   margin:10px 0 0 90px;
   padding:5px;
   width:10em;
   border:none;
}


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

form#Kontaktformular input#submit:hover,
form.newsletter input#eintragen:hover,
form.newsletter input#austragen:hover,
form.newsletter input#abschicken:hover,
div#guestbook_template input#submit:hover,
div#guestbook_template input.los:hover {
   background:  #892301;
}



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

form#Kontaktformular label.required,
form.newsletter label.required,
div#guestbook_template 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,
form.newsletter br,
div#guestbook_template 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],
form.newsletter fieldset.hidden, form.newsletter input[type=hidden],
div#guestbook_template input[type=hidden] {
   display:none;
   border:0;
   padding:0;
}

form.newsletter .error {
   color:#f00;
   font-weight:bold;
}

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

div#meldung {
   background:#eaf7d7;
   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;
}

#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:#bf2525;
   color:#fff;
   width:180px;
   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;
   font-size:13px;
}

.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:#bf2525;
   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:#bf2525;
}

.blackPopup .formErrorArrow div {
   background:#bf2525;
   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;
}

div#formular{
	margin-left:10px;
}

 
*+html div#formular label{
	margin-left:10px;
}

input#Datenschutz {
   top: 15px;
   position: relative;
   right: 40px;
   height: 16px;
   width: 16px!important;
   float: left;
}

label.floatLabel {
   top: 10px;
   position: relative;
   right: 15px;

}

input#submit {position: relative; top: 10px; right:85px;}