@charset "UTF-8";
/**
 * "KAD work
*/

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts

    /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px; 
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 4px 0; }
  h1 { font-size: 24px; margin-top: 5px; }                        /* 24px */
  h2 { font-size: 20px; margin-top: 5px; }                     /* 20px */
  h3 { font-size: 18px }                        /* 18px */
  h4 { font-size: 16px }                     /* 16px */
  h5 { font-size: 14px }                     /* 14px */
  h6 { font-size: 12px; font-style:italic; } /* 12px */

   h1 + h2 {margin: -1em; }
   h2 + h3 {margin: -1em; }

  p { margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   */

  .note { 
   background-color: #C4D7ED;
   padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
  .important { background-color: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
  .warning { background-color: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  /*.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }*/
  .float_right{}
 .center { text-align:center; margin: 0.5em auto; }

  .inverse { color: #fff; background-color: transparent; }

  /**
 /*------------------------------------------------------------------------------------------------------*/


 /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */


  body { 
    background-color: #a9bcf8;/*#b2c3f9;*/ 
    margin: 0 0 10px 0;
	/*
	background-image: url("/images/Zucru3/verlauf3.png");
	  background-repeat: repeat-x;
	  background-position: top,left;*/
  }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }

  #page_margins { 
    text-align:left; 
    border: 2px solid #fff;
	background-color:transparent;
  }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { 
	width: 1000px; 
	  /*background-color: #f8f8fc; */
	  padding: 0 0 0 0; 
	  margin: 10px 0 0 0;
	  background-color:transparent;

	}

  #page{ 
    padding: 5px 5px;
	  background-image: url("/images/Zucru3/verlauf1.png");
	  background-repeat: repeat-x;
	  background-position: top left;
	}
  

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #fff;
	background-color:transparent;
	height: 145px;
  }


  #Headerimage {
    height: 110px;
    margin-top: 10px;
    margin-left:260px;
    overflow: hidden;
    width: 720px;
 }

	#Headerimage img {
    height: 110px;
 }
  

  #breadcrumb a {
   color: #fff;
   font-weight: bold;
   overflow: visible;
   }


  #breadcrumb {
   padding: 7px 10px 0 0;
   text-align: right;
   margin: 0 0 0.15em 246px;
   width: 733px;
   }



  #headerLogo {
   /*margin: 40px 0 0 15px;*/
   padding: 40px 0 0 15px;
   float: left;
   }

.leftSideContentAboveAdress
 {
	height:350px;
 }
 
 #horse 
 {
	padding: 30px 0 0 20px;
 }
  #main { 
    /*background-color: #f8f8fc;*/
    margin: 5px 0 0 0;
	border: 0;
  }
  


  #footer { 
    padding: 5px 0 0 0;
	margin: 0 0 0 0;
    color:#000;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    background-color: transparent ;
    height: 20px;
  }

  #footer a { color: #aac; background-color:transparent; font-weight: bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active { color: #fff; background-color: transparent; text-decoration:underline; }

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
  */


  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 1px; }
  thead th { background-color: #444; color: #fff; }
  tbody th { background-color: #ccc; color: #333; }
  tbody th.sub { background-color: #ddd; color: #333; }

  /**
   * Miscellaneous | Sonstiges
   */

  hr {
    color: #fff;
    background-color:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }




  em.addressName {padding-right: 6px; color: #999; font-size: 100%}
  em.addressName2 {padding-right: 6px; color: #999; font-size: 100%}
  em.addressStreet {padding-right: 6px; color: #999; font-size: 90%; display:block}
  em.addressCity {padding-right: 6px; color: #999; font-size: 90%}
  em.addressPhone {padding-right: 6px; color: #999; font-size: 90%; float:right}
  em.addressFax {padding-right: 6px; color: #999; font-size: 90%}
  em.addressEmail {padding-right: 6px; color: #999; font-size: 90%}
  em.addressWebsite {padding-right: 6px; color: #999; font-size: 90%}

  .commentcontent{
    margin: 0 0 5px 0;
    border-bottom: 1px #000 dotted;
  }



  #Address{
    color: #2a276c;
    font-size: 1em;
    font-family: Arial;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 30px;
    margin-top: 10px;

}
#Address a, #Address a:hover, #Address a:visited, #Address a:active 
{
color: #2a276c;
    font-size: 1em;
    font-family: Arial;
    font-weight: bold;
    line-height: 1.5;
    
}

  #Address a:visited {
    color: #2a276c;
    text-decoration: none;
}


  .contentPrimary {
   width: 98%; 
   overflow:hidden;
   padding: 0 10px 0 10px;

   }

  .contentSecondary {
   width: 98%; 
   overflow:hidden;
   padding: 0 10px 0 10px;

   }

  .ProduktListe,.subcontentList,.mediaFileList,.mediaAudioList,.mediaVideoList,.mediaGlossaryList,.mediaImageList  {
   width: 98%; 
   overflow:hidden;
   padding: 0;
   margin: 0;
   font-family: Arial;
   font-weight: normal;
   font-size: 0.9em;
  }
  
   .zucruProductList {
   width: 98%; 
   overflow:hidden;
   padding: 0;
   margin: 0;
   height: auto;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
  }

  .ProduktListe div.listelement {
     width: 250px; 
     height: 250px; 
     text-align: center;
     margin: 0 20px 20px 30px ;
     /*padding: 4px;*/
     display: inline;
  }


  .subcontentList div.listelement {
     width: 250px; 
     height: 250px; 
     text-align: center;
     margin: 0;
     /*padding: 4px;*/
     display: inline;
  }

   .imagemenu {
   width: 100%; 
   padding: 10px 0 0 0;
   margin: 0;
   height: auto;
  }


  .imagemenu div.listelement {
     width: 175px; 
     height: 175px; 
     text-align: center;
     float: left;
     margin: 0px 10px 10px 30px ;
     display: inline;
  }




  .mediaImageList .listelement {
     width: 50%; 
     height: 30%; 
     text-align: center;
     margin: 0 10px 0 0 ;
     float: left;

  }

  .subcontentList div.listelement:hover {
    border: #000099 1px solid;

  }

  .listelement div.content { 
    margin: 0 5px;
    padding: 5px 5px 5px 0px;
    height: 95%;
    width: 90%;
    overflow:hidden;

    } 




 .subcontentList,.ProduktListe .listelement div.border { 
    background: url('/images/Zucru3/shadow.gif') no-repeat bottom right; 
    height: 175px;
    width: 175px;
    /* clear: right; */
    margin: 10px 10px 5px 5px; 
    padding: 0; 
    float:left;
    position: relative; 
    text-align: center;
    } 




 .imagemenu div.border { 
    background: url('/images/Zucru3/shadow.gif') no-repeat bottom right; 
    height: 175px;
    width: 175px;
    /* clear: right; */
    margin: 0 0 5px 0px; 
    padding: 0; 
    position: relative; 
    } 


 .mediaImageList .border { 
    background: url('/images/Zucru3/shadow.gif') no-repeat bottom right; 
    height: 150px;
    width: 100%;
    /* clear: right; */
    margin: 0 0 5px 0px; 
    padding: 0; 
    position: relative; 
    } 

   img.floatleft { 
   float: left;
   margin: 0 5px 5px 0;
   }

   .imagebox {
   text-align: center;
   }




  /**
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

   .yform
   {
   padding: 1em;
   }


  .yform label {
    color: #000;
	
  }

	
  
    .yform fieldset {
    border: 1px #ddd solid;
    background: #C4D7ED;
    padding: 5px;
    min-width: 80%;
    max-width: 100%
    
  }

  .yTextfield{
	width: 118px;
  }
  
  .yText{
	color: #000;
	width: 100px;
	}
  
  .yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #ddd;
	
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div input:active,
  .yform div select:active,
  .yform div textarea:active {
    border: 1px #183152 solid;
    background: #fff;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #fff;
    background-color: #375D81;
    height: 25px;
    width: 100px;
  }

  .yform .type-button input#reset { color: #300; background-color: #661717; }
  .yform .type-button input#submit { color: #330; background-color: #5e5607; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #20385E;
  }

  .yform div.type-button input#reset:focus,
  .yform div.type-button input#reset:hover,
  .yform div.type-button input#reset:active {
    background: #800; color: #fff;
  }

  .yform div.type-button input#submit:focus,
  .yform div.type-button input#submit:hover,
  .yform div.type-button input#submit:active {
    background: #880; color: #fff;
  }

 

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label{
    float: left;
    width: 150px; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .columnar div.type-text input,
  .columnar div.type-text textarea { width: 75%; }
    
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
    
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form.yform fieldset { overflow: visible; height:1%; margin-top:1.5em; padding-top:1.5em; }

  /* Google Map Container */
  #map_canvas {
    width: 100%; 
    height: 400px;
  }

  #random_content {
    width: 200px;
    height: 320px;
    margin-left: 20px;
    margin-top: 20px;	

   }

}