/**
 * @file
 * Field Styling
 *
 * The Fences module allows site builders to pick the semeantic HTML5 element
 * for each field while editing the field's settings. There's no way a theme
 * can ever know which element to use for the fields on your site, so Zen
 * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
 * divs around every field (do you?), we highly recommend Fences.
 *
 * http://drupal.org/project/fences
 */


/*
 * Field wrappers when the Fences module is enabled.
 */

.field-label { /* The optional label for a field. */
}

.field-FIELDNAME { /* Underscores in field name are replaced with dashes. */
}

/*
 * If you don't use the Fences module, that's fine. Really. I think. Just use
 * these selectors instead:
 */

.field { /* Wrapper for any field. */
}

/*
 * Field types (Core)
 */

.field-type-text {
}

.field-type-text-long {
}

.field-type-text-with-summary {
}

.field-type-image {
}

.field-type-file {
}

.field-type-taxonomy-term-reference {
}

.field-type-number-integer {
}

.field-type-number-decimal {
}

.field-type-number-float {
}

.field-type-list-text {
}

.field-type-list-boolean {
}

.field-type-list-integer {
}

.field-type-list-float {
}

/*
 * Field types (Contrib)
 */

.field-type-datetime { /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */
}

.field-type-node-reference {
}

.field-type-user-reference {
}

/*
 * Named fields
 */

.field-name-body {
}

.field-name-field-image {
}

.field-name-field-tags {
}

.field-name-field-FIELDNAME { /* Underscores in field name are replaced with dashes. */
}

.field-name-field-zusatz{ 
	display: none;
	background-color:green;
	padding:104px;
	position:absolute;
	margin-top:-1px;
	border:5px solid grey;
	z-index: 500;
}


.field-name-field-nodereference-kontakt-2 {
  background-color:#CED77D;
  //width:414px;
//  margin-left:-40px;
  padding:40px;
  top:180px;
}

.field-name-field-nodereference-kontakt-2 header{
  display:none;
}

.field-name-field-nodereference-kontakt-2 {
  color:#666633;
}

.field-name-field-nodereference-kontakt-2 .field-label{
  font-weight:normal;
  float:left;
}

.field-name-field-nodereference-kontakt-2 a{
  color:#666633;
}

.field-name-field-nodereference-kontakt-2 .field_con_name,
.field-name-field-nodereference-kontakt-2 .field_con_traeger, 
.field-name-field-nodereference-kontakt-2 .title{
  color:#ffffff !important;
  font-size:1.5em !important;
  font-weight:normal !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.field-name-field-nodereference-kontakt-2 article{
  padding:0 30px 30px 30px;	
}

.field-name-field-nodereference-kontakt-2 {
  padding:0px;	
}

#kontaktdaten-close {
  display:none;	
}

.node-kontaktdaten .print_html {
  
}

@media all and (max-width: 479px) {
  .field-name-field-nodereference-kontakt-2 article{
	 padding:5px;
  }
}

@media all and (max-width: 766px) {
  .page-frontpage h2.node-title {
	 width:auto;
  }
  .field-name-field-untertitel {
	  width:100%;
  }
}