@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: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 100.01%; font-style:italic; } /* 12px */

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

  p { line-height: 1.5em; margin: 0 0 1em 0; }

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

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; line-height: 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; }
  .center { text-align:center; margin: 0.5em auto; }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

/*
  #main  a { color: #900; text-decoration:none; }
  #main a:focus,
  #main a:hover,
  #main a:active { background-color: #fee; text-decoration:underline; }
*/  

  
  #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; }

#sliceContainer{
    position:absolute;
    margin-top: 30px;

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   * @section             content-external-links
   */

  /*
  #main a[href^="http://www.yamod.ch"],
  #main a[href^="https://www.yamod.ch"]
  {
    padding-left: 4px;
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

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

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

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

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

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



  dl {
   color: #333; 
   display:inline;
   }

  dt {
   display:inline;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   }

  dd textarea {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   }

  .contentPrimary {
   width: 100%; 
   overflow:hidden;
   }

  .contentSecondary {
   width: 100%; 
   overflow:hidden;
   }

  .subcontentList {
   width: 100%; 
   overflow:hidden;
   padding: 0;
   margin: 0 0 0 -10px;
  }

  .subcontentList div.listelement {
     width: 18em; 
     height: 14em; 
     float: left;
     margin: 0;
     padding: 4px;
  }

  .subcontentList div.listelement:hover {
    background-color: #C4D7ED;
    }

  .listelement div.content { 
    text-align: justify;
    margin: 0 5px;
    padding: 5px 5px 5px 5px;
    height: 95%;
    width:95%;
    overflow:hidden;
    } 


  .listelement div.border { 
    background: url('/images/shadow.gif') no-repeat bottom right; 
    height: 100%;
    width:100%;
    clear: right; 
    float: right; 
    margin: 0 0 15px 25px; 
    padding: 0; 
    position: relative; 

    } 

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




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



  .yform label {
    color: #000;
  }


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

  .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: #4C6620;
    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: #003017;
  }

  .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;
  }

  .yform .inlineoption {
     padding: 0;
     margin: 0;
     display: inline;
     color: red;
    width: auto;
  }
 

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

/* SLIMBOX */

#lbOverlay {
	position: absolut;
	z-index: -1;
	left: 0;
	top: 0;
	width: 500px;
	height: 500px;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: -1;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/default/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/default/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/default/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/default/closelabel.gif) no-repeat right;
	margin: 5px 0;
	outline: none;
}

#lbNumber {
	float: right;
	width: 100%;
	margin-top: 10px;
}

#lbCaption {
	font-weight: bold;
}

#lbBottomLeft {
	float:	left;
	width:	50%;
	text-align: left;
}

#lbBottomRight {
	float:	right;
	width:	50%;
	text-align: right;
}
  /* 2g-engineering */
.headerEmail a {color: #e1e6fa;}  
}